我想在我的页面中有一个像元素一样的组合框。为此，我正在考虑使用 html 选择标签。在选择组合框的任何元素时，我希望展开元素列表(就像文件夹树一样)。如何做到这一点？
<select name="mydropdown">
<option value="Milk">Fresh Milk</option>
<option value="Cheese">Old Cheese</option>
<option value="Bread">Hot Bread</option>
</select>
在选择热面包时，它应该动态扩展并显示面包类型。
最佳答案
这将通过 optgroup 完成，例如:"la liste déroulante", visible option "France" .
但是动态加载/完成它可能会导致可访问性问题......而 optgroup 的一个烦人的问题，在设计上，是它对选项进行分组并有一个标签，但这个标签不能自己选择(在上面的例子中你可以选择一个国家而不是一个大陆)。
经常看到系列select:在第一个select中选择一个选项，点击“Choose continent”按钮，接下来的select会根据你选择的内容进行填充第一个选择，单击第二个按钮“选择国家/地区”并获得结果(或填充第三个选择等)。
树 用途更广(它是一堆列表和链接，与站点地图或(列表的)导航列表相同的 HTML 结构)但它更难实现。一个非常好的基于 jQuery UI 的示例可以在以下位置找到:jQtest by Hans Hillen .
关于css - 如何在html组合框中具有树状结构，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17461860/