WEB TUTORIALS
PRACTICE EXAMPLES
HTML REFERENCES
CSS REFERENCES
PHP REFERENCES
Advertisements

How to Get the Value in an Input Text Box using jQuery

Topic: JavaScript / jQueryPrev|Next

Answer: Use the jQuery val() Method

You can simply use the jQuery val() method to get the value in an input text box.

Try out the following example by entering something in the text input box and click the "Show Value" button, it will display the result in an alert dialog box.

  • <!DOCTYPE html>
  • <html lang="en">
  • <head>
  • <title>jQuery Get the Value of an Input Text Box</title>
  • <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  • <script>
  • $(document).ready(function(){
  •     // Get value on button click and show alert
  •     $("#myBtn").click(function(){
  •         var str = $("#myInput").val();
  •         alert(str);
  •     });
  • });
  • </script>
  • </head>
  • <body>
  •     <input type="text" id="myInput">
  •     <button type="button" id="myBtn">Show Value</button>
  • </body>
  • </html>

Related FAQ

Here are some more FAQ related to this topic:

Advertisements

Your Feedback:

We would love to hear from you, please drop us a line.