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">