Remove Values from Hidden Div Forms

Question

Is there a way to remove Form input/select values when you hide a div?

Example: Let say i have a form that i fill out. I have a couple different choices, each one will show a different div with a different form and hide the rest. But when i submit, it still submits those form values, even when the div is hidden.

Is it possible to remove all hidden form values?

I prefer jQuery if possible.

Answer 1

$(divyoujusthid).find(':input').attr('disabled', true);

Answer 2

You can iterate through all of the input elements of the hidden div and disable them. Disabled form inputs do not submit anything.

Answer 3

You could use the :hidden selector and disable all hidden inputs.

Ex:

$(':input:hidden').attr('disabled', true);

Edit: changed from null to disabled, simplified selector per suggestion by Chaos