Jquery 统计列表框中所选项目的数量
我有一个列表框:Jquery 统计列表框中所选项目的数量,jquery,listbox,Jquery,Listbox,我有一个列表框: <div> <select id="SelectBox" multiple> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="aud
<div>
<select id="SelectBox" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
我已经从研究过这个解决方案,但它不起作用。我继续收到0的警报
这是我的名片
非常感谢您的帮助。您正在使用ID选择框计算所选元素的数量。您要做的是计算作为SelectBox子元素的元素数,如下所示:
#SelectBox > option:selected
$function{
$'debug'。所选选项的文本编号:+$'SelectBox>option:selected'。长度;
}
福
酒吧
巴兹
您正在使用ID SelectBox计算所选元素的数量。您要做的是计算作为SelectBox子元素的元素数,如下所示:
#SelectBox > option:selected
$function{
$'debug'。所选选项的文本编号:+$'SelectBox>option:selected'。长度;
}
福
酒吧
巴兹
选择器之间缺少空格:
var count = $("#SelectBox :selected").length;
查看选择器选择器之间缺少空格:
var count = $("#SelectBox :selected").length;
查看选择器您需要从选择框中分离伪元素:selected。使用:selected伪选择器时,可以原样使用,也可以在option元素上使用,而不是直接在select上使用 $SelectBox.changefunction{ countSelectedItems; }.改变; 函数countSelectedItems{ 变量计数=$SelectBox:selected.length; //console.logcount; $'count span'.textcount; } 沃尔沃汽车 萨博 梅赛德斯 奥迪
计数是:
您需要从SelectBox中分离伪元素:selected。使用:selected伪选择器时,可以原样使用,也可以在option元素上使用,而不是直接在select上使用 $SelectBox.changefunction{ countSelectedItems; }.改变; 函数countSelectedItems{ 变量计数=$SelectBox:selected.length; //console.logcount; $'count span'.textcount; } 沃尔沃汽车 萨博 梅赛德斯 奥迪
计数是:
啊,明白了。谢谢。OP的select只包含选项,因此额外查找选项,然后:selected是额外的工作…@Exception_al-差别很小,但代码更清晰。您应该为程序员时间进行优化,除非代码瓶颈严重。不要过早地优化。@b请注意不要实质性地改变您的问题。如果您还有其他问题,请创建一个新帖子。我相信当前的答案正确且充分地解决了原始问题。啊,明白了。谢谢。OP的select只包含选项,因此额外查找选项,然后:selected是额外的工作…@Exception_al-差别很小,但代码更清晰。您应该为程序员时间进行优化,除非代码瓶颈严重。不要过早地优化。@b请注意不要实质性地改变您的问题。如果您还有其他问题,请创建一个新帖子。我相信目前的答案正确且充分地回答了最初的问题。这也是一个很好的观点。我仍然喜欢更清晰的代码,但是理解一个空格可以带来的不同是很好的。这也是一个很好的观点。我仍然喜欢更清晰的代码,但最好能理解一个空格能带来的不同。