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

标签 javascript html

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

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

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

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

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

请帮忙。

谢谢。

最佳答案

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

这是更新的代码笔 http://codepen.io/anon/pen/LcFjz

这是你做错的事情:

1) 当您调用 document.write 时,这发生在执行其他 javascript 之前。因此,total 未定义。您可以在 Chrome 开发工具控制台中看到这一点。 2)此外,您还遇到了变量范围的问题。变量 remainingremaining1 在其函数之外不存在。因此,该行

total = remaining.value+remaining1.value;

没有执行任何操作,因为添加的两个变量均未定义。

编辑1: 由于您希望在页面加载时显示剩余总数(没有任何类型选择),因此您需要更改一些内容。 1) 页面加载时需要调用updateTotal()。 2)您需要获取每个选择框的值,而不触发这些选择框的“更改”事件。

我已经更新了代码笔来演示这个。 http://codepen.io/anon/pen/LcFjz

关于javascript - 下拉菜单 - 选择 2 个不同下拉菜单时值发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22550875/

相关文章:

Javascript - 对同一事件进行多个客户端验证

javascript - 为什么我的变量值不会传递到 url 上

javascript - 在 web sql 中获取基于给定日期的所有行

javascript - 根据用户输入弹出模态

html - z-index 在课后不工作

javascript - textarea 是最适合显示/隐藏链接文本的 UI 元素,就像在 Google map 中一样吗?

JavaScript split() join() 仅适用于精确短语

javascript - React 事件处理程序未删除

jquery - 打开子内容时内容保持悬停状态

html - 实现表行高度覆盖?