Comment incrémenter automatiquement la valeur de texte sur les entrées séquentielles

Question

J'ai cette liste non ordonnée qui contient des entrées, ce que je veux faire est de taper une valeur sur la première entrée, comme "1", puis toutes les autres entrées, afin , obtient 2, 3, 4, 5

Answer 1

Vous pourriez faire quelque chose comme ça, analyser la première valeur, puis incrémenter le reste en fonction de leur indice:

$("ol input:first").keyup(function() { 
    var val = parseInt(this.value, 10); 
    $("ol input:gt(0)").val(isNaN(val) ? '' : function(i) { return val + i + 1; }); 
});​ 

You can give it a try here. Le conditionnel if/else vérifie si la valeur est légitime, par ex. Si vous frappez en arrière et qu'il est vide, vous n'obtiendrez pas NaN dans chaque entrée suivante, à l'intérieur nous allons vider la valeur afin qu'elle soit gérée avec élégance.

Answer 2

Vous pouvez utiliser chaque fonction de jQuery. Quelque chose de semblable à ce qui suit:

var counter=Number($("input[selector for your first textbox]").val()); 
$("input[selector for inputs in your list]").each(function() 
{ 
    this.val(++counter); 
} 

Answer 3

le balisage suivant, vous pouvez utiliser jQuery pour définir les valeurs:

<ul> 
    <li><input id="start" type="text" /></li> 
    <li><input class="auto" type="text" /></li> 
    <li><input class="auto" type="text" /></li> 
    <li><input class="auto" type="text" /></li> 
    <li><input class="auto" type="text" /></li> 
</ul> 

Et le jQuery:

$(document).ready(function() { 

    $("#start").change(function() { 

     // Get the value entered 
     var value = new Number($(this).val()); 

     // Increment the other fields 
     $(".auto").each(function() { 
      value++; 
      $(this).val(value); 
     }); 

    }); 

}); 

Voir l'exemple de travail here. Notez qu'il n'y a pas de validation à ce sujet, mais cela vous donnera une autre idée de la façon d'accomplir ce que vous recherchez.