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 a CDN to validate jQuery?
- How do I uncheck a checkbox using jQuery?
- How do I update to the latest version of jQuery?
- How do I get the y-position of an element using jQuery?
- How do I prevent XSS attacks when using jQuery?
- How do I use jQuery UI Sortable to arrange elements on a webpage?
- How do I use jQuery tabs in my software development project?
- How do I use jQuery to execute code on page load?
- How do I use jQuery to create a hover effect?
- How do I use jQuery to get the selected option?
See more codes...