我可以使它无法单击选择中的某些行吗？答案

【问题标题】：Can I make it so that some rows in a select cannot be clicked?我可以使它无法单击选择中的某些行吗？
【发布时间】：2012-07-22 13:52:24
【问题描述】：

我有一个标准类型的选择列表：

<select>
  <option value="cars1">Cars 1</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="cars2">Cars 2</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

这只是一个示例，但我想做的是将列表中的 Cars 1 和 Cars 2 设为无法选择的标题。

有什么方法可以做到这一点吗？

【问题讨论】：

标签： html css

【解决方案1】：

当然，它被称为<optgroup>：fiddle

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

【讨论】：

@pimvdb - 不是原始问题的一部分，但您知道是否可以有不同级别的 optgroup？
@Gemma：看起来不是：stackoverflow.com/questions/1037732/…。

【解决方案2】：

另一种方法是使用disabled属性：

<select>
  <option value="cars1" disabled>Cars 1</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="cars2" disabled>Cars 2</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

现场演示：Tinkerbin

【讨论】：

【解决方案3】：

使用optgrouptag

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

【讨论】：

因为它与其他答案相同，没有任何区别
@GeoPhoenix - 有时我们都输入相同的内容，并在几秒钟内相互发布，所以对于有明显答案的问题，您会在短时间内看到一堆类似的答案，不需要为此投反对票吗？

【解决方案4】：

我猜你正在寻找 optgroup：

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

FIDDLE

【讨论】：