jQuery val() Method

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:

Set the value attribute:

Set the value attribute using a function:

• index - Returns the index position of the element in the set
• currentvalue - Returns the current value attribute of selected elements

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.