querySelectorAll

Question

के साथ चयनित विकल्प प्राप्त करना मुझे आश्चर्य है कि जावास्क्रिप्ट में <select multiple> फ़ील्ड में वर्तमान में चयनित विकल्पों को प्राप्त करने के लिए सभी विकल्पों पर "बेवकूफ" पुनरावृत्ति के बजाय सेल्टर एपीआई का उपयोग करना संभव है।

select.querySelectorAll('option[selected="selected"]') केवल उन विकल्पों को लौटाता है जिन्हें मूल HTML में पूर्व निर्धारित के रूप में चिह्नित किया गया था, जो मैं नहीं ढूंढ रहा हूं। कोई विचार?

Answer 1

document.querySelectorAll('option:checked')

IE9 पर भी काम करता है;)

Answer 2

मुझे आपकी समस्या का भी अनुभव हुआ, मुझे लगता है कि जावास्क्रिप्ट के साथ ऐसा करना है जो डोम में बदलावों को पहचान नहीं रहा है।

यहाँ एक समाधान है:

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