jquery loop to create elements with retained values

Posted by Andy Simpson on Stack Overflow See other posts from Stack Overflow or by Andy Simpson
Published on 2010-04-28T11:14:14Z Indexed on 2010/04/28 12:03 UTC
Read the original article Hit count: 437

Filed under:
|
|

Dear all,

I recently asked a question about creating elements with jquery. Specifically I needed input boxes created/deleted depending on the value of a particular select box. This was answered quickly with a very nice solution as follows:

$('select').change(function() {
     var num = parseInt($(this).val(), 10);
     var container = $('<div />');
     for(var i = 1; i <= num; i++) {
         container.append('<input id="id'+i+'" name="name'+i+'" />');
     }
     $('somewhere').html(container);
});

This works very well. Is there a way to have the values remaining in the text boxes when the selection is changed? For example, lets say the select element value is set to '2' so that there are 2 input boxes showing. If there is input already entered in these boxes and the user changes the select element value to '3' is there a way to get the first 2 input boxes to retain their value?

Thanks for the help in advance

Andy

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about loops