Javascript 从表中的多个下拉列表中获取相同选项的计数

在这个表中，我需要从下拉栏中获取选择了绿色值或红色或黄色值的选项总数，并将其显示在绿色-黄色的重新输入框中

Html代码：

{%z在区域%}
{z.ZoneName}
{%endfor%}

脚本代码：

$（文档）.ready（函数（）{
$（“#calculatebtn”）。在（'click'，函数（）{
计算（）；
});
});
函数计算（）{
//var green=$（“tbody tr:visible td:select:nth child（5）：contains（'green'）））。长度；
var tasks=$（'#myTable tr'）。长度-1；
var green=parseInt（$（“#green”）.val（）*20；
//console.log（绿色）
var yellow=parseInt（$（“#yellow”）.val（）*10；
//控制台日志（黄色）
var red=parseInt（$（“#red”）.val（）*5）；
//控制台日志（红色）
var help=parseInt（$（“#help”）.val（）*10）；
//console.log（帮助）
var notdone=parseInt（$（“#notdone”）.val（）*20）；
//console.log（未完成）
var-bonus=$（'input:checkbox:checked'）。长度-4；
//var bonus=parseInt（$（“#bonus”）.val（）*20；
//控制台日志（奖金）
var结果=绿色+黄色+红色；
//console.log（结果）
风险总额=（绿色+黄色+红色+奖金）-（帮助+未完成）；
//console.log（总计）
var warpercent=（结果/100）*任务；
document.getElementById（“绿色”）.value=Green
document.getElementById（“总计”）.value=Total
document.getElementById（“奖金”）.value=奖金
document.getElementById（“分数”）.value=result
document.getElementById（“总计”）.value=Total
document.getElementById（“游戏”）.value=Game
}

---

您可以使用

。每个

循环迭代选择框。根据值将

1

添加到变量中，然后使用

.val（）

将最终结果添加到相关框中

演示代码：

$（文档）.ready（函数（）{
$（“#calculatebtn”）。在（'click'，function（）上{
计算（）；
});
函数计算（）{
绿色变量=0；
var黄=0；
var-red=0；
//环行扫描
$（“选择[name=Zone]”）。每个（函数（）{
//选中选择值
if（$（this.val（）=“绿色”）{
绿色=绿色+1
}else if（$（this.val（）=“黄色”）{
黄色=黄色+1
}否则{
红色=红色+1
}
})
//加总。。
$（“绿色”）.val（绿色）
$（“红色”）.val（红色）
$（“黄色”）.val（黄色）
$（“#总计”）.val（绿色+红色+黄色）
}
});

绿色
红色
黄色的
绿色
红色
黄色的
绿色
红色
黄色的
绿色
红色
黄色的
绿色
红色
黄色的
算计

绿色的

黄色的

红色：
总计：
那么您想要客户端（
javascript
，
jquery
）或服务器（
php
，
django
）的解决方案吗？为什么要用
datatable
？到目前为止，您自己做了哪些尝试来解决这个问题（）？我在每个表显示中都使用了datatables，所以我想知道是否有一个内置的术语来获取下拉列表的计数。刚刚添加了脚本代码。我正在寻找客户端的解决方案。感谢您的辛勤工作。非常感谢。