jQuery验证插件-选择框问题

Question

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

我的问题是，当我提交表单时，验证似乎不起作用。 在使用萤火虫进行进一步检查时，似乎确实会进行验证，但仅针对第一个隐藏的选择框（饮食）。 如果您查看示例页面，那么我将所有工作汇总在一起，就像我希望的饮食类别一样：

http://www.clawg.co.uk/jstest/errortest.html

• 没有类别提交表单显示错误消息
• 没有子类别提交表单显示错误消息
• 将类别或子类别更改为空白显示错误消息

如果您选择任何其他类别并将子类别留空，我会收到一条错误消息，该消息仍附加在第一项上，但不能将其设置为display：none。 奇怪的是，一旦您单击子类别选择框，该错误消息确实会将其自身附加到正确的项目上，但是我确实需要它在提交时起作用。

这真的让我发疯。 请帮忙。

Answer 1

（对于到此为止的任何人）我确实知道这篇文章已有一年多的历史了。

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

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

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