jQuery - valeur d'entrée cachée à partir des entrées de sélection

Question

J'ai quelque chose comme ceci:

<select class="bla"> 
    <option value="1">...</option> 
    <option value="2">...</option> 
</select> 

<select class="bla"> 
    <option value="1">...</option> 
    <option value="2">...</option> 
</select> 

<select class="bla"> 
    <option value="1">...</option> 
    <option value="2">...</option> 
</select> 

<input class="alloptions" type="hidden" value=""> 

Je veux la valeur du champ d'entrée cachée pour changer chaque fois une autre option est sélectionnée dans chacun des champs d'entrée de sélection ci-dessus. Cette valeur contiendrait les options sélectionnées dans tous les champs de saisie séparés par des virgules.

Comment est-ce que je peux faire ceci?

Answer 1

Quelque chose comme:

$('select.bla').change(function() { 
    $value = $('select.bla').map(function(){return $(this).val()}).get().join(','); 
    $('input.alloptions').val($value); 
}); 

Explication:

• change() est congédié chaque fois que la valeur d'un champ de sélection change
• Avec map() nous créons un tableau des valeurs des select champs et join à une chaîne séparée par des virgules

Answer 2

change événement est ce que vous cherchez.

Answer 3

La méthode .serialize() peut agir sur un objet jQuery qui a sélectionné des éléments de formulaire individuels, tels que « entrée », « textarea » et « select » - ce qui signifie que vous pouvez faire ce qui suit:

$('.bla').change(function(){ 
    var opts = $('select').serialize(); 
    $('.alloptions').val(opts); 
}); 

Chaque

"select" aurait besoin d'une valeur de nom et produirait:

selec1 = 1 = 2 & select2 & Sélection3 = 1

Answer 4

avez-vous vraiment besoin d'utiliser Javascript pour cela? Si vous attribuez aux trois zones de sélection le même attribut "nom", les valeurs seront envoyées au serveur sous la forme d'une liste délimitée par des virgules. Assurez-vous de faire un découpage de chaque élément lorsque vous faites une division, car certains navigateurs placeront des espaces après les virgules.