从一个选择框填充两个选择框

Question

我浏览了这些主题来解决我的问题，但我认为我的问题有点不同。

• 使用 javascript 和 jquery 填充相关具有数组结构的选择框
• 填充第二个选择框 - 绑定问题< /a>

我的表单中有 3 个选择框。命名为“类别”、“子类别”、“主题”。

子类别是从类别选择中填充的，主题是从子类别选择框中选择的。

我创建了一个通用函数，用于使用 jQuery 填充选择框。

我在父选择框的更改事件上调用该函数（populateSelectBox）。

现在，子类别选择框可以轻松地填充到类别选择框的更改事件上，但是如果子类别只有一个通过 ajax 填充的选项，则不会触发子类别的更改事件，因为子类别选择框中只有一项.

这种情况下我该怎么办？

请帮忙。

Answer 1

您可以测试收到的选项数量，如果只有一个，则手动触发 change 事件：

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

或者只是：

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

另一种方法是在每个 select 的顶部实际上是一个标题。类似于：

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

这将要求用户选择一个选项，即使只有一个选项存在。

Answer 2

发布此答案是因为我只需要在第二个选择框的更改事件上填充第三个选择框。

感谢帕特里克给出了空白选择选项的想法

因此，我没有通过 PHP 添加空的“选择选项”，而是修改了我的 populateSelectBox 函数，使其自动添加空白响应中的“选择”选项，例如 $element.append('Select'); 以便更改事件可以由用户触发。