從選擇框中填充兩個選擇框

Question

我通過這些主題解決了我的問題，但我認爲我的問題有點不同。

• Using javascript and jquery, to populate related select boxes with array structure
• Populating a 2nd select box - binding problem

我有我的表格3個選擇框。命名爲「類別」，「子類別」，「主題」。

子類別從選擇的類別中填充，主題從子類別選擇框中選擇。

我已經創建了一個通用的函數來填充使用jquery的選擇框。

我在父選擇框的更改事件上調用該函數（populateSelectBox）。

現在子類別選擇框很容易填充在類別選擇框的更改事件中，但如果子類別只有一個選項通過ajax填充，子類別的更改事件不會被觸發，因爲子類別中只有一個項目選擇框。

我該怎麼辦？

請幫

Answer 1

您可以測試的接收選項的數目，如果只有一個，觸發手動change事件：

$('#mySubCategorySelect').trigger('change'); 

或者只是：

$('#mySubCategorySelect').change(); 

另一種方式要去在每個select的頂部有一個option這實際上是一個標題。例如：

<select> 
    <option>Please choose a category</option> 
    <option>some option</option> 
</select> 

這將要求用戶選擇一個選項，即使只有一個選項存在。

Answer 2

發佈此答案，因爲我只需要在第二個選擇框的更改事件中填充第三個選擇框。

感謝帕特里克給了空白選擇選項

的想法所以不是添加一個空的通過PHP「選擇選項」，我修改了populateSelectBox功能以這樣一種方式，它會自動添加一個爲響應設置空白「選擇」選項，如此$element.append('<option value="">Select</option>');，以便用戶可以觸發更改事件。