使用javascript計算多選列表框中選定項目的數量

Question

我需要獲得多選列表框中選定項目的計數，嘗試在下面但不能使其工作。

var selItem = document.getElementById("users").options; 
     if(selItem.selected == 0){ 
     alert('select item'); 
     } 

在這裏，我想給警報如果沒有選中的項目，但沒有工作

if (document.getElementById('usersb').options:selected.length == 0){ 
alert('select item'); 
} 

誰能給一個想法，我怎麼能做到這一點。

Answer 1

你在這裏，我的朋友。只需使用options[selected]作爲選擇

var select = document.querySelector('select') 
 
var options = select.querySelectorAll('option[selected]') 
 
console.log(options.length) 
 
console.log(options)

<select name="hullo" multiple> 
 
    <option value="A">A</option> 
 
    <option value="B" selected>B</option> 
 
    <option value="C" selected>C</option> 
 
    <option value="D">D</option> 
 
    <option value="E">E</option> 
 
</select>

輸出

=> 2 
=> NodeList { 
    "0": <option value="B" selected>B</option>, 
    "1": <option value="C" selected>C</option>, 
    "length": 2, 
    "item": function item() { [native code] }, 
    "keys": function keys() { [native code] }, 
    "values": function values() { [native code] }, 
    "entries": function entries() { [native code] }, 
    "forEach": function forEach() { [native code] } 
}