【问题标题】:Display optgroup label as initial option [closed]将 optgroup 标签显示为初始选项 [关闭]
【发布时间】:2021-05-04 15:11:42
【问题描述】:

是否可以在选择下拉菜单中显示 optgroup 的标签作为第一个选项?

这有意义吗?还是有更好的方法?

我基本上需要一个显示“选择价格”之类的第一个标签,它不能直接选择,但是当您像 optgroup 标签一样展开选择菜单时会显示。

【问题讨论】:

  • 您可以使用 javascript 将给定的 optgroup 移动到列表顶部
  • 这个问题是个好问题,不知道为什么它被标记为不具建设性?这是一个有答案的问题。

标签: css html


【解决方案1】:

您可以使用标准的option 元素并简单地指定disabled 属性:

<select>
  <option disabled="disabled" selected="selected">Select Price</option>
  <optgroup label="Gold">
    <option>5.00</option>
    <option>10.00</option>
  </optgroup>
</select>

看到这个jsFiddle demo

【讨论】:

  • 非常感谢,我想这看起来像是要走的路,一个烦人的问题!
  • 更好的是,您可以添加 hidden="hidden" 这样它就不会显示在列表中,但一开始仍然可见
  • 成功了,谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多