默认情况下如何显示禁用HTML选项？

Question

我是HTML和PHP的新手,想要从mysql表中实现一个下拉菜单并进行硬编码.我的页面中有多个选择,其中一个是

<select name="tagging">
    <option value="">Choose Tagging</option>
    <option value="Option A">Option A</option>
    <option value="Option B">Option B</option>
    <option value="Option C">Option C</option>
</select>

问题是现在用户也可以选择"选择标记"作为他的标记,但我只想让他从可用的三个中进行选择.我用disable作为

<select name="tagging">
    <option value="" disabled="disabled">Choose Tagging</option>
    <option value="Option A">Option A</option>
    <option value="Option B">Option B</option>
    <option value="Option C">Option C</option>
</select>

但现在"选项A"成为默认选项.所以我想默认设置"选择标记",也想从选择中禁用它.这是一种方法吗？同样的事情需要用其他选择来完成,它将从Mysql中获取数据.任何建议都会令人感激.

Answer 1

使用

<option selected="true" disabled="disabled">Choose Tagging</option>    

Answer 2

使用hidden.

<select>
   <option hidden>Choose</option>
   <option>Item 1</option>
   <option>Item 2</option>
</select>

这不会取消设置，但您可以在默认情况下将其隐藏在选项中。

Answer 3

在HTML5,选择禁用选项:

<option selected disabled>Choose Tagging</option>

Answer 4

我知道你问如何禁用该选项,但我认为最终用户的视觉结果与此解决方案相同,尽管它可能略微减少了资源需求.

使用optgroup标记,如下所示:

<select name="tagging">
    <optgroup label="Choose Tagging">
        <option value="Option A">Option A</option>
        <option value="Option B">Option B</option>
        <option value="Option C">Option C</option>
    </optgroup>
</select>

Answer 5

Electron + React让您的两个第一个选择像这样

<option hidden="true>Choose Tagging</option>
<option disabled="disabled" default="true">Choose Tagging</option>

第一次在关闭时显示，第二次在列表打开时显示

Answer 6

另一个 SELECT 标签解决方案，适用于那些希望将第一个选项保留为空白的人。

<label>Unreal :</label>
<select name="unreal">
   <option style="display:none"></option>
   <option>Money</option>
   <option>Country</option>
   <option>God</option>
</select>

Answer 7

            <select name="dept" id="dept">
                <option value =''disabled selected>Select Department</option>
                <option value="Computer">Computer</option>
                <option value="electronics">Electronics</option>
                <option value="aidt">AIDT</option>
                <option value="civil">Civil</option>
            </select>

使用“SELECTED”默认选择您要选择的选项。谢谢