jquery uzyskiwanie wszystkich wartości rozwijanych

Question

Mam dropdown <select> o id my_dropdown. Pozwolę na wielokrotny wybór. Wiem, jak pobrać wybrane wartości za pomocą jquery:

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

Spowoduje to wyświetlenie tablicy wartości, jeśli zaznaczę wiele. Muszę również uzyskać wszystkie wartości z rozwijanego menu, niezależnie od tego, co zostało wybrane. W jaki sposób mogę używać jquery w podobny sposób, aby uzyskać wszystkie wartości w liście rozwijanej z tym identyfikatorem?

Answer 1

Jak o czymś takim:

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

Answer 2

wygląda następująco:

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

Zobacz w działaniu: http://www.jsfiddle.net/YjC6y/16/

referencyjny: .map()

Answer 3

Przykład:http://jsfiddle.net/FadHu/

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

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

Element <select> posiada listę opcji w swojej options nieruchomości. Następnie use $.map(), która zwraca tablicę, aby uzyskać właściwość tej opcji: value lub text.

(uwaga $.map() zachowuje się trochę inaczej niż $(element).map(). Może być trochę trudne.)