Question

I have this as hidden values for a form:

<input type="hidden" name="times[]" value='{"date" : "April 12, 2012"}' />
<input type="hidden" name="times[]" value='{"date" : "April 13, 2012"}' />
<input type="hidden" name="times[]" value='{"date" : "April 14, 2012"}' />

Using jquery, how could I create a link that when clicked it could remove a hidden form field above? So say I click a link and I want that click to remove the second hidden form field above, how could I do that?

Answer 1

To create –

   var $ip = $('<input>').attr({
    type: 'hidden',
    id: 'yourid',
    name: 'yourname',
   value: 'yourvalue' 
})
$(ip).appendTo('body');

Then to remove -You can add this in any click event ..

$ip.remove();

To remove all hidden fields try this.You can add this in any click event ..

$("input[type='hidden']").remove();