Menu
I would like to change the value of the textboxes when the user clicks the submit button with Jquery. I tried it with
$('textbox').val('Changed Value'); and
$('#dsf').val('Changed Value'); but neither method worked.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>serializeArray demo</title> <style> body, select { font-size: 14px; } form { margin: 5px; } p { color: red; margin: 5px; } b { color: blue; } </style> <script src="//code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <p><b>Results:</b> <span id="results"></span></p> <form> <select name="single"> <option>Single</option> <option>Single2</option> </select> <select name="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> <br> <input type="checkbox" name="check" value="check1" id="ch1"> <label for="ch1">check1</label> <input type="checkbox" name="check" value="check2" checked="checked" id="ch2"> <label for="ch2">check2</label> <input type="radio" name="radio" value="radio1" checked="checked" id="r1"> <label for="r1">radio1</label> <input type="radio" name="radio" value="radio2" id="r2"> <label for="r2">radio2</label> <input type="submit" value="s1" id="ch"> <input type="submit" value="szv" id="cd" > <input type="text" value = "abc" id = "dsf" > <input type="text" value = "abc" id = "dsxzcv" > </form> <script> function showValues() { var fields = $( ":input" ).serializeArray(); $( "#results" ).empty(); jQuery.each( fields, function( i, field ) { $( "#results" ).append( field.value + " " ); }); } $( ":checkbox, :radio" ).click( showValues ); $( "select" ).change( showValues ); $(#ch1).val("adfsadf") ; showValues(); $(‘:submit’).click(function () { $(‘:submit’).val() = "dasf" ; $('textbox').val('Changed Value'); //$('#dsf').val('Changed Value'); } </script> </body> </html> 
463
jQuery val() Method The val() method returns or sets the value attribute of the selected elements. When used to return value: This method returns the value of the value attribute of the FIRST matched element.
Change the Input Value Using the setAttribute() Function in JavaScript. We can also use the setAttribute() function instead of the value property to set the input value. We can also use the forms() function instead of the getElementById() or querySelector() function to get the element using the form name and input name ...
You could just use this very simple way
<script> $(function() { $('#cd').click(function() { $('#dsf').val("any thing here"); }); }); </script> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
