I have a form where about 90% of the fields are text fields where I do not want to submit all of them, only the changed ones. (But I want to submit the other fields, no matter if changed or not.)

The solution with IE8 was easy. Basically a one-liner. Don't use a name attribute and provide a name on the change event, e.g.

Only the named attributes get submitted. Just what I want.

 

Unfortunately, this very simple solution doesn't work with higher IE versions and other browsers. From research it seems now you have to explicitely add the fields to the form via DOM operation, for instance

 

The problem with this approach is that the field disappears from the form and appears at the "first" position of the form (as there is no other input field node in the form at this time) and so on. Also one might get duplicates if a field changes twice before submission.

 

Is there a better way to make the form "aware" of these input fields, so they get submitted?

 

The other solution I would have in mind is clone the existing input fields, add a name, make them hidden and add to the form. I haven't tried if this works. Does this look like a good solution?

 

Googling comes up with a completely different solution that I don't really like. It seems to be some overkill and requires me to submit *only* changed fields (which I do not want, I want to submit a few fields all the time, no matter if changed or not - this makes the programming on the server side simpler). For reference: http://stackoverflow.com/questions/5221633/select-submit-only-changed-form-fields-with-jquery

 

Thanks!