我有 2 个下拉菜单。每个都有 12 个值。 我已将它与其他值关联起来。
因此,从下拉列表中选择内容共有 144 种可能性。我想显示总数。
我已经创建了用于显示总数的变量,但它不起作用。
例如,在第一个下拉列表中我选择 9,在第二个下拉列表中我选择 10,则应显示总计 = 500000
初始阶段应显示剩余总数。
请帮忙。
谢谢。
最佳答案
看来您对此还很陌生。能走到这一步对你来说是件好事。
这是更新的代码笔 http://codepen.io/anon/pen/LcFjz
这是你做错的事情:
1) 当您调用 document.write 时,这发生在执行其他 javascript 之前。因此,total
未定义。您可以在 Chrome 开发工具控制台中看到这一点。
2)此外,您还遇到了变量范围的问题。变量 remaining
和 remaining1
在其函数之外不存在。因此,该行
total = remaining.value+remaining1.value;
没有执行任何操作,因为添加的两个变量均未定义。
编辑1:
由于您希望在页面加载时显示剩余总数(没有任何类型选择),因此您需要更改一些内容。
1) 页面加载时需要调用updateTotal()
。
2)您需要获取每个选择框的值,而不触发这些选择框的“更改”事件。
我已经更新了代码笔来演示这个。 http://codepen.io/anon/pen/LcFjz
关于javascript - 下拉菜单 - 选择 2 个不同下拉菜单时值发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22550875/