Angular - 需要在选择下拉列表中添加多个占位符

时间:2015-02-01 21:42:29

标签: javascript angularjs select drop-down-menu

虽然这可能不是最好的UI实现,但我有一个包含多个元素的下拉列表,必须使用多个占位符进行分组(例如----- group 1 -----)。我想让这些占位符无法选择。

我在这里找到了一个单独占位符的解决方案: How do I add an unselectable and customizable placeholder to a select box

但它似乎无法扩展到多个占位符。

提前感谢任何想法。

1 个答案:

答案 0 :(得分:1)

不是角度特定的,但您可以使用选择选项组吗?

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

查看http://www.w3schools.com/tags/tag_optgroup.asp及其演示版 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_optgroup