使用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] }
}