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

2020年12月3日

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<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="テスト" />
<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="テスト" />
<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コード:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$("#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);
});
$("#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); });
$("#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