Jquery验证插件 - 选择框问题

Question

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

我的问题是，当我提交表单时，验证似乎不起作用。在使用firebug进行进一步检查时，看起来验证确实会触发，但仅适用于第一个隐藏的选择框（进食和饮水）。如果你看一个我放在一起的示例页面，我希望这个类别可以饮食：

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

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

如果您选择任何其他类别并将子类别留空，我会收到一条错误消息，该消息仍然附加到第一个项目，但不能被视为其显示的设置：无。奇怪的是，一旦你点击子类别选择框，错误信息就会附加到正确的项目，但是我真的需要它来处理提交。

这个真的让我疯了。请帮忙。

Answer 1

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

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

要解决此问题，请在选择框中添加名称属性。 即

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