使用javascript的表单中的两个下拉选项列表

【问题标题】：Two drop down option lists in a form using javascript使用javascript的表单中的两个下拉选项列表
【发布时间】：2012-05-04 10:49:17
【问题描述】：

我对表单中的两个下拉列表（选项）有疑问。
他们都单独工作，但在一起他们根本不工作。就像他们正在相互抵消或其他什么。
如果有人可以帮助我，那么我将非常感激。这是有问题的代码...

JS fiddle - http://jsfiddle.net/wemdragon/3Uz/

【问题讨论】：

脚本的意图是什么？看看小提琴，您是否希望显示两条错误消息？
如果未选中，两条错误消息都应该有效。但是选项值不会一起计算
看起来是这样的，因为当您执行error.html('options 2!') 时，您正在覆盖元素的先前 HTML 而不是连接
更新 - 因此将 if 语句更改为 else if 已修复错误消息问题。但是没有修复计算，还有其他人知道出了什么问题吗？
if/else 语句的级联集永远不会命中您的计算块，因为 else 是在 option2 上检查无选择、1 或 2 之后的容器。

标签： javascript jquery forms drop-down-menu options

【解决方案1】：

有几个问题。首先，.val() 得到一个字符串而不是一个 int，所以if ('0') 将返回 true。因此，无论您为第二个选项选择了什么，总是会发出 options 2!。您需要更新该条件以检查 if (second.val() != 0) （这将强制 '0' 和 0 并返回 true - 您还可以更具体或简单地使用空字符串作为 value，这可能是首选）。

其次，你的计算代码永远不会到达，因为它是ifs 链中的else，它涵盖了所有可能的选择组合。您需要一些其他标志来检查是否应该完成计算，或者将其设置为在进行有效选择时调用的函数。

【讨论】：