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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (61)

希望从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>

现在的问题是,用户也可以选择“选择标记”作为他的标记,但我只想让他从可用的三个中选择。禁用为

<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获取数据。任何建议都是可观的。

提问于
用户回答回答于

使用

<option selected="true" disabled="disabled">Choose Tagging</option>    
用户回答回答于

问如何禁用该选项,但我认为最终用户的视觉效果与此解决方案相同,尽管它可能稍低于资源要求。

使用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>

扫码关注云+社区

领取腾讯云代金券