Nhận các tùy chọn đã chọn với querySelectorAll

Question

Tôi tự hỏi nếu có thể trong Javascript để nhận các tùy chọn hiện được chọn trong trường <select multiple> bằng cách sử dụng API Selctors thay vì lặp lại "ngu ngốc" trên tất cả các tùy chọn.

select.querySelectorAll('option[selected="selected"]') chỉ trả lại các tùy chọn được đánh dấu là được chọn trước trong HTML gốc, không phải là những gì tôi đang tìm kiếm. Bất kỳ ý tưởng?

Answer 1

document.querySelectorAll('option:checked')

Làm việc ngay cả trên IE9;)

Answer 2

Tôi cũng đã gặp phải sự cố của bạn, tôi có cảm giác nó liên quan đến JavaScript không nhận ra những thay đổi trong DOM.

Đây là một giải pháp:

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