[JavaScript]フォームとnameを指定してテキストエリアの値を取得

2014年3月15日2021年10月27日

書式
const 変数名 = document.フォーム名.name名.value;
document.getElementById(セレクタ).textContent =変数名;
Node.textContent
textContent は Node のプロパティで、ノードおよびその子孫のテキストの内容を表します。

使用例

<form name="userFrm">
  <textarea name="memo" cols="30" rows="3" maxlength="20">study skill becom smart</textarea>
</form>
<!--ボタンを押すと、funA関数を呼び出す -->
<p><input type="button" value="表示" onclick="funA()" /></p>
<div>テキストエリアの値：<span id="res"></span></div>
<script>
  function funA() {
    //フォームのname属性の値を取得
    const cft = document.userFrm.memo.value;
    //「res」セレクタのテキスト内容を設定
    document.getElementById("res").textContent =cft;
  }
</script>

実行結果
「表示」ボタンを押下すると、spanセレクタにテキストエリアの値「study skill becom smart」が表示されます。