jQueryにおけるフォームのvalue
入力欄の value 属性を扱うには、
メソッド val を
使用することもでき、このメソッドは値の読み取りと
新しい値の書き込みを可能にします。
例を見てみましょう。次のようなHTMLコードがあるとします:
<input type="text" id="test" value="!!!">
value 属性に新しい値 'www' を
書き込んでみましょう:
$('#test').val('www');
HTMLコードは次のようになります:
<input type="text" id="test" value="www">
では、現在の値を画面に出力してみましょう:
alert($('#test').val());
また、メソッド val には、セット内の各要素に対して
関数を適用することも可能です。この関数の
第一引数はセット内の現在のインデックス、
第二引数はその現在の値となります。
他にも注意点があります -
textarea タグの
内部コンテンツは、メソッド
html では取得できません。
この場合、メソッド val を使用する必要があります。
次のHTMLコードを見てみましょう:
<textarea id="test">!!!</textarea>
Javascriptコードで val メソッドを記述します:
alert($('#test').val()); // '!!!' を出力します
おそらくこれは、フォーム操作の一貫性を 保つためでしょう。
すべての入力欄の value を
'!' に設定してください。
クラス number を持つすべての入力欄の
value には数値が入っています。
これらの値が元の数値の平方になるようにしてください。
クラス in を持つ入力欄の
value を出力してください。
各入力欄の value を
順番に出力してください。
クラス text を持つ
textarea の内容を出力してください。