Question

我有这个多重选择，如您所见，第一个选项和他的名字选择您的选项

<select name="services" multiple="" class="s_select">
<option>SELECT YOUR OPTION</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>

问题是所有人都可以选择所有选项，并选择这个名为“SELECT YOUR OPTION”的非价值选项，是可以停用等，但我想继续显示这个选项，但人们不能选择

我的问题，我如何显示“SELECT YOUR OPTION”值，不要让人们选择永远，但也继续显示，我再也找不到HTML执行此操作的代码，我不知道是否可以使用jquery

我希望了解我的问题，感谢您的帮助，问候

Answer 1

有两种方法可以做到这一点。

选项已停用

这将显示该选项，但现在允许单击

<select name="services" multiple="" class="s_select">
   <option disabled>SELECT YOUR OPTION</option>
   <option>Option 1</option>
   <option>Option 2</option>
   <option>Option 3</option>
   <option>Option 4</option>
   <option>Option 5</option>
</select>

<强> OPTGROUP

您可以将第一个项目作为组标签，使其看起来像标题，而不是可选择的。

<select name="services" multiple="" class="s_select">
  <optgroup label="SELECT YOUR OPTION">
   <option>Option 1</option>
   <option>Option 2</option>
   <option>Option 3</option>
   <option>Option 4</option>
   <option>Option 5</option>
  </optgroup>
</select>

https://jsfiddle.net/vq56vtj5/1/

在多个选择中取消激活但显示选项

1 个答案: