jQuery val()Methods

Examples

Set the value of the <input> field:

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

The val() method returns or sets the value attribute of the selected elements.

When used to return a value:
This method returns the value of the value attribute of the first matched element.

When used to set a value:
This method sets the value of the value attribute for all matched elements.

Note:The val() method is usually used with HTML form elements.

Return the value attribute:

$(selector).val()

Set the value attribute:

$(selector).val(value)

Set the value attribute using a function:

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

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

Return the value attribute
How to return the value of the value attribute of the first matched element.

Set the value attribute using a function
Set the value of the value attribute using a function.

Other Extensions