计算在多个下拉框中选择某个对象的次数
Counting how many times a certain object is selected in a multiple drop down box
我有 7 个下拉框,上面有"是"和"否"答案。它们都在同一页面上。在页面的一侧,当用户为每个答案选择"是"或"否"时,我希望有一个计数,显示他们选择"否"的次数以及选择"是"的次数,以便在填写表单时进行更新。所以是=1,NO=4,等等。当他们选择另一个"是"时,将添加一个。如果他们将答案更改为"否",则会删除"是",并在计数中添加"否"。
我假设这将是javascript?我正在运行一个asp站点,因此在这种情况下php不起作用。
这在他们提交表单之前用作参考,因此在他们提交后查找的查询在这里毫无用处。
是的,使用 jQuery 在 JavaScript 中解决方案很容易,默认情况下,您假设所有答案都是 yes 并启动 yesCounts = 7
计数器,如果有人单击否,您可以递减yesCount--
并递增noCount++
var yesCount = 7;
var noCount = 0;
$(".no-element").on('click', function () {
noCount++;
yesCount--;
});
$(".yes-element").on('click', function () {
yesCount++;
noCount--;
});
因此,您应该添加类<options class='yes-element'>Yes</options>
和<options class='no-element'>No</options>
,并使选项中的所有默认值都是 yes
你可以用很多方式做到这一点,一个可以是javascript和jquery。
$("#dropDownId").val();
jquery's doc
相关文章:
- JQuery对动态创建的对象进行选择
- javascript对象操作:根据指定条件选择属性
- Javascript对象类在单击时打开窗口进行颜色选择,并在更改时替换对象背景颜色
- 仅使用文件对象选择单个文件
- Angular:使用选择列表选择过滤代码中的对象
- Javascript:从数组中的对象中选择属性
- 仅选择父对象
- Javascript / AngularJS对象选择基于表达式作为键
- Jquery上一个对象选择器
- JavaScript:使用用于Protractor测试的页面对象选择下拉列表项
- 在javascript对象选择器中使用变量
- 在 3D 场景中处理.js对象选择
- 使用角度设置多个对象(选择)
- 如何使用 JavaScript 变量值作为对象选择器
- 分层画布上的织物对象选择
- 使用对象选择根时,如何选择子元素
- 如何将字符串解析为javascript对象选择器
- 如何将选项对象选择为默认值
- 对象选择和调整大小的常用方法
- 阻止HTML画布对象选择