AI Coder
AI
Code Editor
Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery Get a Form Field Value</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ $("button.get-name").click(function(){ var name = $("#name").val(); alert(name); }); $("button.get-comment").click(function(){ var comment = $("#comment").val(); alert(comment); }); $("button.get-city").click(function(){ var city = $("#city").val(); alert(city); }); }); </script> </head> <body> <form> <table> <tr> <td>Name:</td> <td> <input type="text" id="name"> </td> </tr> <tr> <td>Comments:</td> <td> <textarea rows="4" cols="30" id="comment">
City:
London
Paris
New York
Note:
Fill the above form and click the following button to get the value.
Get Name
Get Comment
Get City
