Javascript Schleife durch alle HTML-Select <option>

Question

Ich bin überrascht, ich kann diesen Code nicht online finden!

Wie greife ich auf ALLE ausgewählten Indizes einer Auswahlliste zu? Nicht nur der erste?

HTML:

<select name="trends[]" multiple="multiple" id="trends" size="35"></select>

js:

function moveSelectedTrends() 
{ 
    var selectedTrends = document.getElementById('trends'); 

    for(var i=0; i < selectedTrends.length; i++) 
    { 
     alert(selectedTrends.options[selectedTrends.selectedIndex].value) //ONLY returns the first selected element! 
    } 
} 

Answer 1

eine einfache Möglichkeit, Schleifen zu vermeiden, ist QSA:

[].forEach.call( document.querySelectorAll('#trends :checked') , function(elm){ 
    alert(elm.value); 
}) 

die ausgewählt Wähler klug genug ist, auf < arbeiten Menüs auswählen> ...

Answer 2

Verwenden i statt selectedTrends.selectedIndex und testen, ob es selected.

function moveSelectedTrends() { 
    var trends = document.getElementById('trends'), trend, i; 

    for(i = 0; i < trends.length; i++) { 
     trend = trends[i]; 
     if (trend.selected) { 
      alert(trend.value); 
     } 
    } 
    }