jQuery val() Method
Example
Set the value of the <input> field:
$("button").click(function(){
$("input:text").val("Glenn Quagmire");
});
Try it Yourself »
$("input:text").val("Glenn Quagmire");
});
Definition and Usage
The val() method returns or sets the value attribute of the selected elements.
When used to return value:
This method returns
the value of the value attribute of the FIRST matched element.
When used to set value:
This method sets the value of the value attribute for ALL matched elements.
Note: The val() method is mostly used with HTML form elements.
Syntax
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))
| Parameter | Description |
|---|---|
| value | Required. Specifies the value of the value attribute |
| function(index,currentvalue) | Optional. Specifies a function that returns the value to set.
|
Try it Yourself - Examples
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
Using a function to set the value of the value attribute.