我们可以在html中选择另一个选择器吗?

时间:2018-03-07 17:50:25

标签: javascript html

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

1 个答案:

答案 0 :(得分:-1)

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

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

这是一个Fiddle,可以帮助您更好地理解。 在这种情况下,数据在多维数组中可用,包含每个选项的子组,作为元组(值,文本),如下所示:

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 MenusmcDropdown