「jQuery入門」テキストエリア(textarea)の値を取得するサンプル

2020年12月3日

構文
$(“#テキストエリアのid名").val(xxxx)
htmlコード:

<div id="cftA"></div>
<textarea name="userInfo" id="memoArea"  rows="3" cols="13" value="abcdefg123456"  style="width:70%">
</textarea><br/>
<input type="button" id="btnDetail" value="テスト" />

JavaScriptコード:

$("#btnDetail").click(function() {
    //テキストエリアのidは「memoArea」を指定し、val関数で値を設定する
      $('#memoArea').val("study jquery in arkgame.com");
      
      //テキストエリアのid「memoArea」の値を取得
      var target = $('#memoArea').val();
      //div要素id「cftA」に値を設定する
      $("#cftA").text(target);
});

 

jQuery

Posted by arkgame