jquery - 带有多个标题的下拉（组合框）

Question

是否有任何可用的小部件或代码使用 HTML/CSS/JQuery 创建一个可以有多个标题的下拉框（HTML 选择标签）？标题不应该是可选择的。例如，请参阅此图像中的“Apples”下拉框：

不幸的是，很难找到这样的东西。我觉得我正在重新设计以前做过的东西，但我在任何地方都找不到。无论如何，如果没有人能找到它，我会自己创建它。欢迎任何关于如何创建它的想法，但我确信它将涉及 div、显示/隐藏的 Jquery 和用于边框/项目的 CSS。

Answer 1

我认为您正在选择中寻找 optgroup 标签，请参见此处的示例

http://www.w3schools.com/tags/tag_optgroup.asp

这里有一个小小提琴

http://jsfiddle.net/sushilbharwani/Xp8YK/

<select name="catsndogs">
    <optgroup label="Cats">
        <option>Tiger</option>
        <option>Leopard</option>
        <option>Lynx</option>
    </optgroup>
    <optgroup label="Dogs">
        <option>Grey Wolf</option>
        <option>Red Fox</option>
        <option>Fennec</option>
    </optgroup>
</select>