我们可以在 HTML 中制作一个选择选择器而不是另一个选择器吗?

Question

>我做了一个带有多个选项的选择选择器，我想知道我是否可以选择一个选项并按该选项打开另一个具有不同选项的不同选择选择器。

Answer 1

不，多级选择选择器在纯 HTML 中无法轻松实现，至少我想不出以合理的方式做到这一点的方法。

您可以做的是有多个选择，并隐藏/显示辅助选择器或根据第一个选择的选择更改其选项。为此，请查看onChange事件。

这里有一个小提琴，可以帮助您更好地理解。 在这种情况下，数据在多维数组中可用，其中包含每个选项的子组，作为元组(值，文本)，如下所示：

var subOptions = [
[
[0, "Suboption 0.0"],
[1, "Suboption 0.1"],
[2, "Suboption 0.2"],
[3, "Suboption 0.3"]
],[
[0, "Suboption 1.0"],
[1, "Suboption 1.1"]
],[
[0, "Suboption 2.0"],
[1, "Suboption 2.1"],
[2, "Suboption 2.2"],
[3, "Suboption 2.3"],
[4, "Suboption 2.4"]
]
]

---

编辑： 虽然在HTML中实现并不容易，但有一些jQuery插件可用于这种事情，如Flyout Menus和mcDropdown。