javascript - 下拉菜单 - 选择 2 个不同下拉菜单时值发生变化

Question

我有 2 个下拉菜单。每个都有 12 个值。我已将它与其他值关联起来。

因此，从下拉列表中选择内容共有 144 种可能性。我想显示总数。

我已经创建了用于显示总数的变量，但它不起作用。

例如，在第一个下拉列表中我选择 9，在第二个下拉列表中我选择 10，则应显示总计 = 500000

初始阶段应显示剩余总数。

请帮忙。

谢谢。

Answer 1

看来您对此还很陌生。能走到这一步对你来说是件好事。

这是更新的代码笔 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