Définition d'un paramètre à valeurs multiples dans javascript

Question

Lorsque je soumets un formulaire en HTML, je peux transmettre un paramètre plusieurs fois, par ex.

<input type="hidden" name="id" value="2"> 
<input type="hidden" name="id" value="4"> 

Puis struts je peux avoir un haricot avec la propriété String [] id, et il va remplir le tableau correctement.

Ma question est, comment puis-je faire cela en Javascript? Quand j'ai un tableau, et que je mets form.id.value = myArray, il définit simplement la valeur dans une liste séparée par des virgules. Donc, à la fin de Struts, je reçois juste un tableau à un élément, c'est-à-dire la chaîne "2,4".

Je devrais ajouter, j'ai besoin de soumettre cela sous une forme, donc je ne peux pas simplement générer une requête GET, par exemple. id = 2 & id = 4.

Answer 1

Est-ce que vous cherchez? Il génère un champ de formulaire caché pour chaque élément d'un tableau JavaScript:

var el; 
for (var i = 0; i < myArray.length) { 
    el = document.createElement("input"); 
    el.type = "hidden"; 
    el.name = "id"; 
    el.value = myArray[i]; 

    // Optional: give each input an id so they can easily be accessed individually: 
    el.id = "hidden-myArray-" + i; 

    // Optional: give all inputs a class so they can easily be accessed as a group: 
    el.className = "hidden-myArray"; 

    form.appendChild(el); 
} 

Answer 2

Une approche serait de donner à chaque entrée un identifiant unique: -

<input id="id1" type="hidden" name="id" value="2"> 
<input id="id2" type="hidden" name="id" value="4"> 

Puis en javascript: -

document.getElementById("id1").value = myArray[0]; 
document.getElementById("id2").value = myArray[1]; 

Answer 3

pas positif ce que vous essayez de faire, mais voici un go:

var inputs = document.getElementsByName('id'); 
for(var i=0; i<inputs.length; i++) { 
    var input = inputs[i]; 
    input.value = myArray[i]; 
} 

Ce itère sur toutes les entrées avec le nom 'id' et attribue la valeur correspondante à myArray.

Vous mieux être sûr myArray.length == document.getElementsByName('id').length

Answer 4

forms[0].elements.theName contient une collection de tous les éléments avec un nom attribut « theName ». Exemple:

<form> 
<input type="text" name="test"><br> 
<input type="text" name="test"> 
</form> 
<script> 
var values = ['foo', 'bar']; 
var testElements = document.forms[0].elements.test; 
for(var i = 0; i < testElements.length; ++i) 
    testElements[i].value = values[i]; 
</script>