我希望在我的页面中有一个像元素一样的组合框。为此我想使用html选择标记。在选择组合框的任何元素时，我想要扩展项目列表（就像文件夹树一样）。怎么做？
<select name="mydropdown">
<option value="Milk">Fresh Milk</option>
<option value="Cheese">Old Cheese</option>
<option value="Bread">Hot Bread</option>
</select>
在选择热面包时，它应该动态扩展＆amp;显示面包类型。
答案 0 :(得分：1)
这可以通过 optgroup 完成，例如："la liste déroulante", visible option "France"。
但是动态加载/完成它可能会导致可访问性问题......而且，按照设计，optgroup的一个令人讨厌的问题是它对选项进行分组并且有一个标签，但是这个标签不能自己选择（在上面的例子中你可以选择）一个国家，但不是一个大陆。）
经常看到select 的系列：在第一个选择中选择一个选项，单击“选择大陆”按钮，然后根据您在第一个选择中选择的内容选择填充，单击第二个按钮“选择国家/地区”并获取结果（或填充第三个选择等）。
树更通用（它是一堆列表和链接，相同的HTML结构比站点地图或导航列表（列表））但实现它更难。可以在以下位置找到基于jQuery UI的非常好的示例：jQtest by Hans Hillen。
答案 1 :(得分：1)
这是一个适合我的好例子：
http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html?m=1