重新设计<select>的下拉列表

Question

我正在尝试根据本教程设置下拉列表：http：//www.jankoatwarpspeed.com/wp-content/uploads/examples/reinventing-drop-down/Select2DropDown.html 一切正常。但是，如果select标签中有optgroups，我想知道如何使它工作。我是Javascript的新手，没什么经验。任何人都可以解释一下这可能是怎么做的，拜托？我不太清楚如何从optgroup中获取数据以显示在列表中。 谢谢！

Answer 1

如果您只想创建带标签的不可选分隔符（功能类似于optgroup），您可以将div标签附加到列表中，标签文本位于其中。它可能不是列表元素的标准或最佳实践，但它可以跨浏览器工作。

<ul>
  <div><b><font color="black">Optgroup Title</font></b></div>
  <li><a href="#">Option 1<span class="value">1</span></a></li>
</ul>

https://jsfiddle.net/fvLyebgu/1/

如果您需要代码来获取JavaScript中的optgroup that's been answered here。