jQueryにおけるフォームのvalue

入力欄の value 属性を扱うには、 メソッド val を 使用することもでき、このメソッドは値の読み取りと 新しい値の書き込みを可能にします。

例を見てみましょう。次のようなHTMLコードがあるとします：

html<input type="text" id="test" value="!!!">

value 属性に新しい値 'www' を 書き込んでみましょう：

javascript$('#test').val('www');

HTMLコードは次のようになります：

html<input type="text" id="test" value="www">

では、現在の値を画面に出力してみましょう：

javascriptalert($('#test').val());

また、メソッド val には、セット内の各要素に対して 関数を適用することも可能です。この関数の 第一引数はセット内の現在のインデックス、 第二引数はその現在の値となります。

他にも注意点があります - textarea タグの 内部コンテンツは、メソッド html では取得できません。 この場合、メソッド val を使用する必要があります。

次のHTMLコードを見てみましょう：

html<textarea id="test">!!!</textarea>

Javascriptコードで val メソッドを記述します：

javascriptalert($('#test').val()); // '!!!' を出力します

おそらくこれは、フォーム操作の一貫性を 保つためでしょう。