1

我想在我的页面中有一个类似元素的组合框。为此，我正在考虑使用 html 选择标签。在选择组合框的任何元素时，我希望展开项目列表（就像文件夹树一样）。怎么做？

<select name="mydropdown">
<option value="Milk">Fresh Milk</option>
<option value="Cheese">Old Cheese</option>
<option value="Bread">Hot Bread</option>
</select>

在选择热面包时，它应该动态扩展并显示面包类型。

4

2 回答 2

1

这将通过 来完成optgroup，例如：“la liste déroulante”，可见选项“France”。
但是动态加载/完成它可能会导致可访问性问题......而且 optgroup 的一个恼人问题是，按照设计，它对选项进行分组并有一个标签，但这个标签不能自己选择（在上面的示例中，您可以选择一个国家，但不是一个大陆）。

经常看到一系列：select在第一个选择中选择一个选项，单击“选择大陆”按钮，然后根据您在第一个选择中选择的内容填充选择，单击第二个按钮“选择国家”并获取结果（或填充第三次选择等）。

树的用途要广泛得多（它是一堆列表和链接，与站点地图或导航列表（列表）相同的 HTML 结构），但实现它更难。一个非常好的基于 jQuery UI 的示例可以在以下位置找到：Hans Hillen 的 jQtest。

于 2013-07-04T04:41:09.467 回答
1

这是一个对我有用的好例子：

http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html?m=1
于 2013-07-04T04:41:54.527 回答