jQuery val() メソッド

❮ jQuery HTML/CSS メソッド

<input> フィールドの値を設定する:

$("button").click(function(){
    $("input:text").val("Glenn Quagmire");
});
Try it Yourself »

定義と用法

val() メソッドは、選択した要素の value 属性を設定するか、または値を返します。

値を返すために使用した場合:
このメソッドは、最初にマッチした要素の value 属性の値を返します。

値を設定するために使用した場合:
マッチした全要素の value 属性に値を設定します。

注: val() メソッドは、主に HTML フォーム要素に対して使用します。


構文

value 属性を返す:

$(selector).val()

value 属性を設定する:

$(selector).val(value)

関数を使用して value 属性を設定する:

$(selector).val(function(index,currentvalue))

パラメータ 説明
value 必須。value 属性の値を指定する
function(index,currentvalue) 任意。設定する値を返す関数を指定する。
  • index - セット内の要素のインデックス位置を返す
  • currentvalue -選択した要素の現在の value 属性を返す

Try it Yourself - 例

value 属性を返す
最初にマッチした要素の value 属性の値を返す方法。

関数を使用して value 属性を設定する
関数を使用して value 属性を設定する方法。


❮ jQuery HTML/CSS メソッド