Ottenere le opzioni selezionate con querySelectorAll

Question

Mi chiedo se sia possibile in Javascript ottenere le opzioni attualmente selezionate in un campo <select multiple> utilizzando l'API Selctors anziché una "stupida" iterazione su tutte le opzioni.

select.querySelectorAll('option[selected="selected"]') restituisce solo le opzioni contrassegnate come preselezionate nell'HTML originale, che non è quello che sto cercando. Qualche idea?

Answer 1

document.querySelectorAll('option:checked')

funziona anche su IE9;)

Answer 2

Avevo anche esperienza del problema, ho la sensazione che abbia a che fare con JavaScript che non riconosce i cambiamenti nel DOM.

Ecco una soluzione:

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; 
}