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

标签 javascript angularjs select drop-down-menu

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

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

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

预先感谢您的任何想法。

最佳答案

不是特定于 Angular ,但是您可以使用选择选项组吗?

<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

关于javascript - Angular - 需要将多个占位符添加到选择下拉列表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28268287/

相关文章:

javascript - Angularjs Factory 延迟数据消失

AngularJS ng-class 检查嵌套键/值对是否存在,然后将值添加为类

javascript - 无法修改计时器间隔函数以在 JavaScript 中给出总持续时间

javascript - 跨 Controller 共享 ng-repeat 表单字段的数据

angularjs - 找不到任务 "serve"

mysql - 选择 TableName.Col1 VS 选择 Col1

sql - 与WHERE子句一起使用时优化Oracle CONNECT BY

mysql - 如何按自定义字段对 MySQL ResultSet 进行排序?

javascript - 如何使用 html 用户输入在 jQuery 中创建表格?

javascript - 随机播放音轨,无需递归