Run
<!doctype html> <html lang="en"> <head> <title>jQuery Get Input Textbox Value</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $(".btn-gettxt").click(function(){ var mytxtcontent = $(".txt-myinput").val(); $(".finaltxt-content").html(mytxtcontent); }); }); </script> </head> <body> <h2>jQuery Get Input Textbox Value</h2> <input type="text" placeholder="Enter Your Text" class="txt-myinput"/> <button type="button" class="btn-gettxt">Get Input Content</button><br><br> <strong>Your Entered Content is: </strong><span class="finaltxt-content"></span> </body> </html>
Go to
Tutorialdeep Homepage