Comment obtenir toutes les options d'une sélection à l'aide de Jquery ?

Question

Comment puis-je obtenir toutes les options d'une sélection via Jquery en passant sur son ID ?

Edit : Je cherche seulement à obtenir leurs valeurs, pas le texte.

Answer 1

Deuxième fois que j'écris une réponse comme ça aujourd'hui...

$("#id option").each(function()
{
    // add $(this).val() to your list
});

Answer 2

Je ne connais pas jquery, mais je sais que si vous récupérez l'élément select, il contient un objet 'options'.

var myOpts = document.getElementById('yourselect').options;
alert(myOpts[0].value) //=> value of the first option

Answer 3

$.map est probablement le moyen le plus efficace de le faire.

var options = $('#selectBox option');

var values = $.map(options ,function(option) {
    return option.value;
});

Vous pouvez ajouter des options de modification à $('#selectBox option:selected') si vous ne voulez que ceux qui sont sélectionnés.

La première ligne sélectionne toutes les cases à cocher et place leur élément jQuery dans une variable. Nous utilisons ensuite l'élément .map de jQuery pour appliquer une fonction à chacun des éléments de cette variable ; nous ne faisons que renvoyer la valeur de chaque élément, car c'est tout ce qui nous intéresse. Comme nous les renvoyons à l'intérieur de la fonction map, celle-ci construit en fait un tableau des valeurs, comme demandé.

Answer 4

Quelques réponses utilisent each , map est une meilleure alternative ici, à mon avis :

$("select#example").children().map(function() {return $(this).val();}).get();

Il y a (au moins) deux map dans jQuery, la réponse de Thomas Petersen utilise "Utilities/jQuery.map" ; cette réponse utilise "Traversing/map" (et donc un code un peu plus propre).

Edit, correction : Cela dépend de ce que vous allez faire avec les valeurs. Si vous voulez, disons, retourner les valeurs d'une fonction, map est probablement la meilleure solution. Mais si vous voulez utiliser les valeurs directement, vous voudrez probablement each .

Answer 5

   $('select#id').find('option').each(function() {
            alert($(this).val());
        });