Question

是否可以创建选择元素，但是在选项itens的中间，是无法选择的选项？就像标签一样。

<select>
 <option value="A">A</option>
 <option value="B">B</option>
 <option value="C">C</option>

<!--this one cant be selected -->
 <option value="">title</option>

 <option value="D">D</option>
 <option value="E">E</option>
</select>

Answer 1

您可以使用disabled属性。此属性是boolean属性。

如果存在，它指定选项应该为disabled。

disabled选项不可用且不可点击。

<select>
 <option value="A">A</option>
 <option value="B">B</option>
 <option value="C">C</option>

<!--this option cant be selected -->
 <option value="" disabled>title</option>

 <option value="D">D</option>
 <option value="E">E</option>
</select>

Answer 2

您可以在disabled元素上设置<option>属性。

    <select>
     <option value="A">A</option>
     <option value="B">B</option>
     <option value="C">C</option>
     <option value="" disabled="disabled">title</option><!--this one can't be selected -->
     <option value="D">D</option>
     <option value="E" disabled>E</option><!-- nor this one -->
    </select>

Answer 3

您可以添加这样的禁用属性

<select>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>

    <!--this one cant be selected -->
    <option value="" disabled>title</option>

    <option value="D">D</option>
    <option value="E">E</option>
</select>

在html select中使无法选择的选项

3 个答案: