Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 统计列表框中所选项目的数量_Jquery_Listbox - Fatal编程技术网

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请注意不要实质性地改变您的问题。如果您还有其他问题,请创建一个新帖子。我相信目前的答案正确且充分地回答了最初的问题。这也是一个很好的观点。我仍然喜欢更清晰的代码,但是理解一个空格可以带来的不同是很好的。这也是一个很好的观点。我仍然喜欢更清晰的代码,但最好能理解一个空格能带来的不同。