James has some good ideas. If they still don't work for you, you can consider storing the new form values in a cookie. Ted
On Thu, Jul 16, 2009 at 7:42 PM, James <james.gp....@gmail.com> wrote: > > The data is still there since the browser does a cache of the form > info, but dynamically created elements do not get cached in the same > way, unfortunately. > > I haven't tried this before, but one thing you can try is to have a > hidden input in your form, and the purpose of this is to store the > number of fields you have dynamically generated. Every time you add/ > remove fields, you update this number. Then on page load, you populate > the form with this many extra fields. However, since I haven't tried > this before, I'm guessing that the new fields will not be pre- > populated like the other static fields.... > I don't think there really is any good workaround for that except to > constantly save the form data to a cookie or to a database (via AJAX). > > Another is to use the onbeforeunload event handler which is triggered > right before a page is left/re-loaded, and a prompt will be given, > which can be canceled and the refresh will not occur. (Google Groups > uses this when you type a message and try to leave/refresh the page.) > Just do a Google search on this and you'll find out lots about it. > > On Jul 16, 12:46 pm, Terry <tgshan...@excite.com> wrote: > > Hi, I have a moderate level of experience with javascript, and a good > > oo background. So, when I tried jquery I'm really liking it. > > > > I have a requirement to add input fields dynamically to the form since > > I don't know ahead of time how many entries the user may request. I > > was able to implement this with jquery very quickly with a small > > amount of code. > > > > When the form is submitted it is sent to the server with all of the > > data correctly passed. However, if I do a refresh, the dynamic fields > > go away, but the static fields still have data in them so I assuming > > that the dynamic data is still there. > > > > How can I verify this? When I show source, it only shows the original > > code; same even before the form is submitted. Is there a way to stop a > > refresh? This application may have 10 added fields or 300 added > > fields, and if the user does a refresh for some reason he'll want to > > see every thing that has been input so far. > > > > my code: > > $(document).ready(function() { > > $("#divBoxes input:last").bind("change", appendBoxField); > > $("#divBags input:last").bind("change", appendBagField);}); > > > > function appendBoxField() { > > var len = $("#divBoxes input").length + 1; > > //alert(len); > > $("#divBoxes").append('<input type="text" > > name="_UPS_Shipping_Label_' + len + '" />') > > $(this).unbind("change", appendBoxField); > > $("#divBoxes input:last").bind("change", appendBoxField).focus();} > > > > function appendBagField() { > > var len = $("#divBags input").length + 1; > > //alert(len); > > $("#divBags").append('<input type="text" name="_photo_bag_ID_' + > > len + '" />') > > $(this).unbind("change", appendBagField); > > $("#divBags input:last").bind("change", appendBagField).focus(); > > > > } > > > > Thanks, > > > > Terry >