Jquery Validation Plugin - 选择框问题答案

【问题标题】：Jquery Validation Plugin - Select Box ProblemsJquery Validation Plugin - 选择框问题
【发布时间】：2010-07-03 14:37:45
【问题描述】：

我的页面上有 9 个选择框，其中包含许多企业子类别。我要求用户从 9 个选项中仅选择一个选项。为了让用户体验更好，我用 CSS 隐藏了所有的选择框，并生成了一个动态的类别选择框。当从生成的下拉列表中选择一个类别时，会显示被 CSS 隐藏的子类别选择框。

我的问题是当我提交表单时，验证似乎不起作用。在使用萤火虫进一步检查时，看起来验证确实触发了，但仅适用于第一个隐藏的选择框（吃和喝）。如果您查看一个示例页面，我将所有内容放在一起，就像我希望的饮食类别一样：

如果您选择任何其他类别并将子类别留空，我会收到一条错误消息，该消息仍附加到第一项，但不能被视为其设置为 display:none。奇怪的是，一旦您单击子类别选择框，错误消息确实会附加到正确的项目中，但是我真的需要它来处理提交。

这个真的把我逼疯了。请帮忙。

【问题讨论】：

【解决方案1】：

（对于其他在这里结束的人）我确实意识到这篇文章已经有一年多了。

Clawg 可能遇到与我相同的问题。我的验证只针对页面上的第一个样式选择框运行。

要解决此问题，请向您的选择框添加名称属性。即

<select name="mySelect" id="my-select-box" class="required">

【讨论】：