jquery obtenir toutes les valeurs déroulantes

Question

J'ai dropdown <select> avec id my_dropdown. Je permets le multi-sélection. Je sais comment tirer la valeur sélectionnée (s) en utilisant jquery:

var values = $('#my_dropdown').val(); 

Cela retourne un tableau de valeurs si je sélectionne plusieurs. J'ai également besoin d'obtenir toutes les valeurs dans la liste déroulante indépendamment de ce qui est sélectionné. Comment puis-je utiliser jquery de manière similaire pour obtenir toutes les valeurs dans la liste déroulante étant donné cet identifiant?

Answer 1

Que diriez-vous quelque chose comme:

var values = []; 
$('#my_dropdown option').each(function() { 
    values.push($(this).attr('value')); 
}); 

Answer 2

On dirait:

var values = $('#my_dropdown').children('option').map(function(i, e){ 
    return e.value || e.innerText; 
}).get(); 

Voir en action: http://www.jsfiddle.net/YjC6y/16/

Référence: .map()

Answer 3

Exemple:http://jsfiddle.net/FadHu/

var opts = $('#my_dropdown')[0].options; 

var array = $.map(opts, function(elem) { 
    return (elem.value || elem.text); 
}); 

L'élément <select> a une liste des options dans sa propriété options. Ensuite, use $.map(), qui renvoie un tableau, pour obtenir la propriété value ou text de l'option.

(Notez le $.map() se comporte un peu différemment de $(element).map(). Peut-être un peu délicat.)