jqueryHow do I get the value of an input field using jQuery?
To get the value of an input field using jQuery, you can use the val()
method. This method is used to get the values of form elements such as input, select, textarea.
Example code
<form>
<input type="text" name="name" id="name" value="John Doe" />
</form>
<script>
var name = $("#name").val();
console.log(name);
</script>
Output example
John Doe
The code above consists of the following parts:
- An HTML form element with an input field
- A jQuery script to get the value of the input field
The HTML form element defines the input field with an id
of name
. The jQuery script uses the $("#name")
selector to target the input field and the val()
method to get its value. The value is then stored in the name
variable and logged to the console.
Helpful links
More of Jquery
- How do I use jQuery ZTree to create a hierarchical tree structure?
- How can I get the y position of an element using jQuery?
- How do I use jQuery with Yarn?
- How do I prevent XSS attacks when using jQuery?
- How do I use jQuery to detect window resize events?
- How do I use jQuery UI Dialog?
- How do I uncheck a checkbox using jQuery?
- How do I remove an attribute using jQuery?
- How can I convert a jQuery JSON object to an array?
- How do I use jQuery to zip files?
See more codes...