How to use the prop() method In JQuery
The prop() method can also be used to get the entered value inside the text box by passing the property name as a parameter in the form of the string to the prop() method and get the value of the passed property. In case of input text box, we will pass the value property as parameter to the prop() method to get value of it.
Syntax:
$('element_selector').prop('value');
Example: The below example will explain the use of the prop() method to get the value of the input text box:
HTML
<!DOCTYPE html> <html lang="en"> <head> <script src= "https://code.jquery.com/jquery-3.4.1.min.js"> </script> <script> $(document).ready(function () { // On button click, get value // of input control $("#getValBtnID").click(function () { const inputString = $("#userInputID").prop('value'); alert(inputString); }); }); </script> </head> <body style="text-align: center;"> <h3 style="color:green"> w3wiki </h3> <b>JQuery val() Method</b> <br><br> <input type="text" value="" id="userInputID"> <br><br> <button type="button" id="getValBtnID"> Get Value </button> </body> </html> |
Output:
jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous for its philosophy of “Write less, do more”. You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.
How to get the value in an input text box using jQuery ?
In this article, we will learn about the different methods to access the value of the input text box entered by the user using jQuery. Below are the different approaches listed to get the value of an input text box using jQuery:
Table of Content
- Using the val() method
- Using the prop() method
Let us now discuss all the above-listed methods in detail with the help of code examples.
Contact Us