Gewählte Optionen mit querySelectorAll

Question

Ich frage mich, ob es in Javascript möglich ist, die aktuell ausgewählten Optionen in einem <select multiple> Feld mit der Selctors API statt einer "dummen" Iteration über alle Optionen zu erhalten.

select.querySelectorAll('option[selected="selected"]') gibt nur die Optionen zurück, die im ursprünglichen HTML-Code als vorausgewählt markiert wurden, was nicht das ist, wonach ich suche. Irgendwelche Ideen?

Answer 1

document.querySelectorAll('option:checked')

Funktioniert auch auf IE9;)

Answer 2

Ich habe auch Ihr Problem erlebt, ich habe das Gefühl, dass es mit JavaScript zu tun hat, Änderungen im DOM nicht zu erkennen.

Hier ist eine Lösung:

jsFiddle

document.getElementById('test').onclick = function() { 
    var select = document.getElementById('select'); 
    var options = getSelectedOptions(select); 
    console.log(options); 
}; 

function getSelectedOptions(select) { 
    var result = []; 
    var options = select.getElementsByTagName('option'); 
    for (var i = 0; i < options.length; i++) { 
     if (options[i].selected) 
      result.push(options[i]); 
    }; 
    return result; 
}