jquery boucle pour créer des éléments avec des valeurs retenues

Question

J'ai récemment posé une question sur la création d'éléments avec jquery. Plus précisément, j'ai besoin de boîtes de saisie créées/supprimées en fonction de la valeur d'une boîte de sélection particulière. Cela a été répondu rapidement avec une très bonne solution comme suit:

$('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); 
}); 

Cela fonctionne très bien. Est-il possible d'avoir les valeurs restantes dans les zones de texte lorsque la sélection est modifiée? Par exemple, disons que la valeur de l'élément select est définie sur '2' de sorte qu'il y ait 2 cases d'entrée. Si des entrées ont déjà été entrées dans ces boîtes et que l'utilisateur modifie la valeur de l'élément select à '3', y a-t-il un moyen de conserver les deux premières zones de saisie pour conserver leur valeur?

Merci pour l'aide à l'avance

Andy

Answer 1

La ligne suivante devrait travail, agréable et simple:

var value = ($("#id"+i).val() || ''); 
container.append('<input id="id'+i+'" name="name'+i+'" value="'+value+'" />'); 

Edité, merci Patrick.

Answer 2

$('select').change(function() { 
    var num = parseInt($(this).val(), 10); 
    var container = $('<div />'); 
    for(var i = 1; i <= num; i++) { 

     // append existing input if available 
     if($("#id"+i).length){ 
      container.append($("#id"+i)); 
     } 
     else { 
      container.append('<input id="id'+i+'" name="name'+i+'" />'); 
     } 
    } 
    $('somewhere').html(container); 
});