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.

Subscribe

* indicates required
Subscribe to plus2net

    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


    JQuery Video Tutorials




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