HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery val() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

Set the value of the <input> field:

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

Try it yourself »

Definition and Usage

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

When used to return value:
This method returns 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.
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value attribute of selected elements


Examples

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.


jQuery HTML/CSS Methods jQuery HTML/CSS Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE