显示已禁用的选项元素 - html下拉表单

时间:2013-01-31 16:36:10

标签: javascript jquery html css

我有一个下拉html表单,想要显示disabled=disabled元素(查看下面的编辑)
首先看一下,表单会跳过disabled元素并显示“选项1”。

<select>
    <option disabled='disabled'>Title</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

只有htmlcss才能实现这一点吗? 如果没有,那么jQueryjavascript

怎么样?

修改
希望表格看起来像这样 enter image description here

目前它看起来像是 enter image description here

1 个答案:

答案 0 :(得分:9)

selected="selected"添加到您的第一个选项中。

<select>
    <option selected="selected" disabled='disabled'>Visible Title</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

<强> jsFiddle example