SYNCERのロゴ
アイキャッチ画像

入力フォームの値を取得する方法

input要素やtextarea要素の値を取得するには、valueプロパティを参照しましょう。

サンプルコード

目的のinput要素を取得して、そのvalueプロパティの値を参照して下さい。

// <input id="target">
var a = document.getElementById( "target" ).value ;

textarea要素の場合、閉じタグがあるのでinnerHTMLやtextContentを参照したくなりますが、こちらもinput要素と同じくvalueプロパティで取得できます。

// <textarea id="target"></textarea>
var a = document.getElementById( "target" ).value ;

デモ

input要素とtextarea要素、それぞれの値を取得するデモです。

input要素

// <input id="target">
var a = document.getElementById( "target" ).value ;

a =

textarea要素

// <textarea id="target"></textarea>
var a = document.getElementById( "target" ).value ;

a =

  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年7月30日 (日)
コンテンツを公開しました。