Comment obtenir un tableau avec jQuery, plusieurs <input> avec le même nom

Question

J'ai un formulaire où les utilisateurs peuvent ajouter des champs de saisie avec jQuery.

<input type="text" id="task" name="task[]" />

Après avoir soumis le formulaire, j'obtiens un tableau en PHP.

Je veux gérer cela avec le $.ajax() mais je n'ai aucune idée de comment transformer mon <input> à un tableau dans jQuery.

Merci d'avance.

Answer 1

Utilisation de carte :

var values = $("input[id='task']")
              .map(function(){return $(this).val();}).get();

Si vous modifiez ou supprimez l'id (qui doit être unique), vous pouvez également utiliser le sélecteur $("input[name='task\\[\\]']")

Exemple de travail : http://jsbin.com/ixeze3

Answer 2

Pour les éléments multiples, vous devez leur donner une classe plutôt qu'un identifiant, par exemple :

<input type="text" class="task" name="task[]" />

Vous pouvez maintenant les obtenir en utilisant jquery, comme ceci :

$('.task').each(function(){
   alert($(this).val());
});

Answer 3

Tout d'abord, vous ne devez pas avoir plusieurs éléments avec le même ID sur une page - l'ID doit être unique.

Vous pourriez simplement supprimer l'attribut id et le remplacer par :

<input type='text' name='task'>

et pour obtenir un tableau des valeurs de la tâche faites

var taskArray = new Array();
$("input[name=task]").each(function() {
   taskArray.push($(this).val());
});

Answer 4

Pour récupérer le tableau des noms, je l'utilise :

$("input[name*='task']")

Answer 5

Vous ne pouvez pas utiliser le même identifiant pour plusieurs éléments dans un document. Gardez les ids différents et le même nom pour les éléments.

<input type="text" id="task1" name="task" />
<input type="text" id="task2" name="task" />
<input type="text" id="task3" name="task" />
<input type="text" id="task4" name="task" />
<input type="text" id="task5" name="task" />

var newArray = new Array();

$("input:text[name=task]").each(function(){
    newArray.push($(this));
});