「jQuery入門」テキストエリア(textarea)の値を取得するサンプル
構文
$(“#テキストエリアの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="テスト" />
<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コード:
$("#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); });