jQuery val()メソッド

❮jQueryHTML/ CSSメソッド

<input>フィールドの値を設定します。

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

定義と使用法

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

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

値の設定に使用する場合:
このメソッドは、一致するすべての要素のvalue属性の値を設定します。

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


構文

value属性を返します。

$(selector).val()

値属性を設定します。

$(selector).val(value)

関数を使用してvalue属性を設定します。

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

Parameter Description
value Required. Specifies the value of the value attribute
function(index,currentvalue) Optional. Specifies a function that returns the value to set.
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value attribute of selected elements

自分で試してみてください-例


を返す最初に一致した要素の値属性の値を返す方法。


を使用して値属性の値を設定します。


❮jQueryHTML/ CSSメソッド