Demo of serialize() function with one input text box

Name

HTML

<table><form id=f1>
<tr><td>Name</td><td><input type=text name=t1></td><td><div id="display" ></div></td></tr>
<tr><td colspan=2><input type="button" id="b1" value="Submit"></td>
<td></td></tr>
</form>
</table>

JQuery


<script>
$(document).ready(function() {
     $("#b1").click(function(event){
       form_list = $("#f1").serialize();
     	$("#display").html(form_list);
    });
});
</script>
Now let us try with a complex form with all types of inputs.


plus2net.com



Post your comments , suggestion , error , requirements etc here .







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2020 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer