Html 在选择菜单中选择一些选项；“不可选择”；

我有一个带有几个选项的

select

元素，但我希望其中一些选项不可选择

基本上是这样的：

<select>
    <option> CITY 1 </option>
    <option> City 1 branch A </option>
    <option> City 1 branch B </option>
    <option> City 1 branch C </option>
    <option> CITY 2 </option>
    <option> City 2 branch A </option>
    <option> City 2 branch B </option>
    ...
</select>

城市1
城市1分公司A
城市1 B分行
城市1分公司C
城市2
城市2分公司A
城市2分公司B
...

如你所见，我不希望城市可以直接选择，但只希望每个城市下的选项

---

如何让用户可以单击城市1或城市2，但不会被选中，因此用户必须选择下面的一个分支？

您可能正在寻找：

城市1分公司A
城市1 B分行
城市1分公司C
城市2分公司A
城市2分公司B

你会使用

城市1分公司A
城市1 B分行
城市1分公司C
城市2分公司A
城市2分公司B

我可以从你的问题中看出，我之前的答案实际上是你想要的，不过，请注意，将来遇到这个问题的人和我一样，都在寻找类似的答案，他们可以在选项中简单地键入“Disabled”

苹果
桃
梨
橙色

实现这一点有很多选择，我推荐一个名为Selected的jquery插件：

它将像：

<select data-placeholder="Choose a Country..." class="chosen-select chose-select-width-custom" multiple tabindex="4" name="countryDigestValues">                                             <option value=""></option>                                                                  
  <optgroup class="custom-optgroup-class" label="Label Title">  
     <option class="custom-option-class">Here goes the option to select</option>                                                                          
  </optgroup>
 </select>

下面是要选择的选项

以下是链接，来自：

这是做同样事情的另一种方式

编辑：（现在您可以在此处运行它）

不真实：
选择一个
钱
国家
上帝

只需将禁用属性添加到您不想选择的选项标记中即可

<select>
  <option disabled> CITY 1 </option>
  <option> City 1 branch A </option>
  <option> City 1 branch B </option>
  <option> City 1 branch C </option>
  <option disabled> CITY 2 </option>
  <option> City 2 branch A </option>
  <option> City 2 branch B </option>
</select>

城市1
城市1分公司A
城市1 B分行
城市1分公司C
城市2
城市2分公司A
城市2分公司B

wow！我做web开发已经10年了，我不知道有一个元素叫做“optgroup”！谢谢感谢你教我一些新东西（经过20年的HTML编码）：哈哈，我从检查中找到了

optgroup

。重要提示：如果您计划验证HTML XML，请确保使用

disabled=“disabled”

，而不是仅使用

disabled

。很久以前我就看到过

optgroup

元素（我想phpBB论坛使用它将子类别分组到类别内的下拉列表中），但完全忘记了它。。。thanx a 1000000，保存了我的日期注意，

disabled

实际上没有值，它的存在是元素

被禁用的原因
disabled=”“
，
disabled=“false”
，和just
disabled
都具有相同的效果。我认为OP需要可见但不可选择的元素。@TobySpeight是的，正确，如果您尝试我的方法，首先它将可见，但当您单击“选择”按钮时，您将无法选择第一个选项。选项本身将不再可见。试一试。@TobySpeight试一试这个片段。我试过了，但它仍然不是我们想要的-虽然它对某些事情很有用，但我从来没有让你的版本适用于问题的
CITY 2
标题，它不是第一个元素-它总是不可见的。使用
optgroup
元素或
disabled
属性似乎要好得多
<select>
  <option disabled> CITY 1 </option>
  <option> City 1 branch A </option>
  <option> City 1 branch B </option>
  <option> City 1 branch C </option>
  <option disabled> CITY 2 </option>
  <option> City 2 branch A </option>
  <option> City 2 branch B </option>
</select>