Javascript 显示a中选定项目的计数（<；选择多个>；_Javascript_Select_Count

Javascript 显示a中选定项目的计数（<；选择多个>；

javascript select

Javascript 显示a中选定项目的计数（<；选择多个>；,javascript,select,count,Javascript,Select,Count,尝试了这个问题的所有答案，但就是无法显示计数（或者js运行？）这是我的密码。。我希望每次选择其他项目时，所选项目的当前计数都会更新谢谢你的建议。。每天学习 <html> <head> <script type="text/Javascript"> function count_cars() { var options = document.getElementById("cars").options, count = 0 ; for (var i=0

尝试了这个问题的所有答案，但就是无法显示计数（或者js运行？）这是我的密码。。我希望每次选择其他项目时，所选项目的当前计数都会更新

谢谢你的建议。。每天学习

<html>
<head>

<script type="text/Javascript">
function count_cars() {
 var options = document.getElementById("cars").options, count = 0 ;
 for (var i=0; i < options.length; i++) {
 if (options[i].selected) count++; 
} // end of for loop
// now put the current count in the element with id='car_count'
document.getElementById("car_count").innerHTML = count ;
} // end of function
</script>

</head>
<body>
<form name="test1" method="GET" action="test2.html">
How many cars have you got?
<table>
<tr><td>

<select multiple name="cars[]" value="" onchange="count_cars">
  <option value="ford" >Ford </option>
  <option value="saab" >Saab </option>
  <option value="merc" >Merc </option>
  <option value="audi" >Audi </option>
</select>

</td><td>Total : <div id="car_count"></div></td></tr>
<tr><td><input type="submit"></td></tr>
</table>
</form>

</body>
</html>


函数计数\u cars（）{
var options=document.getElementById（“cars”）.options，count=0；
对于（变量i=0；i

您试图通过id访问“选择列表”选项，但“选择列表”没有id。此外，最好以可读性更强的方式缩进代码

函数计数\u cars（）{
var options=document.getElementById（“cars”）.options，count=0；
对于（变量i=0；i



你有多少辆车？
河流浅水处
萨博
美塞苔丝
奥迪
总数：
您试图通过id访问“选择列表”选项，但“选择列表”没有id。此外，最好以可读性更强的方式缩进代码

函数计数\u cars（）{
var options=document.getElementById（“cars”）.options，count=0；
对于（变量i=0；i


你有多少辆车？
河流浅水处
萨博
美塞苔丝
奥迪
总数：
您可以使用过滤器功能
const options =  document.getElementById("cars").options;
const count = [...options].filter(option => option.selected).length;

不要忘记将cars
id设置为您的选择。
您可以使用过滤器功能
const options =  document.getElementById("cars").options;
const count = [...options].filter(option => option.selected).length;

别忘了将汽车
id设置为您的选择。
您可以使用选择的选项
它包含当前选定元素中包含的元素的列表
它是一个HTMLCollection对象，每个当前选定的选项有一个条目
var count = document.getElementById("cars").selectedOptions.length;

并使用
document.getElementById("car_count").innerHTML = count ;

您可以使用选择的选项
它包含当前选定元素中包含的元素的列表
它是一个HTMLCollection对象，每个当前选定的选项有一个条目
var count = document.getElementById("cars").selectedOptions.length;

并使用
document.getElementById("car_count").innerHTML = count ;

完美的新的眼睛看到我用的是名字而不是身份证。感谢所有帮助过我的人。太好了。新的眼睛看到我用的是名字而不是身份证。感谢所有帮助过我的人。