Question

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

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

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

提前感谢任何想法。

Answer 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

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

1 个答案: