AJAX Libraries - Continuous Forms

[eluser]Kyle Johnson[/eluser]
Again, wonderful code to work with. I appreciate what you've provided to me.

I updated the code to insert hidden fields. Also, I removed the 'name' attributes from the original form items so that they do not get submitted with the form. I suppose I let them be submitted and compare them to the values in the array so that if the user submits the form with only the first form entered it uses that, or if they hit submit after adding many items I could check the singular values to the array values to see if it was previously entered (if it was, discard it, if not, then add it to the array).

Code:

$('#item_list').append("<li class='item'><ul>"
                                + "<li>Model: "
                                + $('#model').val()
                                + "&lt;input type='hidden' name='model[]' value='"
                                + $('#model').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Qty: "
                                + $('#qty').val()
                                + "&lt;input type='hidden' name='qty[]' value='"
                                + $('#qty').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Serial #: "
                                + $('#serial').val()
                                + "&lt;input type='hidden' name='serial[]' value='"
                                + $('#serial').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Asset #: "
                                + $('#asset').val()
                                + "&lt;input type='hidden' name='asset[]' value='"
                                + $('#asset').val()
                                + "' /&gt;&lt;/li>"
                                + "<li>Descripition: "
                                + $('#desc').val()
                                + "&lt;input type='hidden' name='desc[]' value='"
                                + $('#desc').val()
                                + "' /&gt;&lt;/li>"
                                + "<li class='remove'>remove this item</li></ul></li>");


            $("#order_form #serial, #order_form #asset, #order_form #desc").val(''); // clear these values for the next form, leave others to speed data entry.
            $("#order_form #qty").val('1'); // reset this value to 1
        });