如何有一个下拉列表,其中无法选择默认文本？

Question

例如,下拉列表包含选项1,2和3,但具有默认文本"Make a selection ...",而不是可选选项.

如果这里令人困惑的是一个小提琴.基本上,当你点击下拉菜单时,我不希望你看到"做出选择...".只有1,2和3.

我认为它可以用一些javascript完成,但这似乎是hackish.

码:

<select>
    <option>make a selection...</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

Answer 1

<select>
    <option selected="true" disabled="true" >make a selection...</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>?

http://jsfiddle.net/Et4VH/

Answer 2

看起来你可以使用以下方法来做到这一点display:none：

<select>
    <option style="display:none">make a selection...</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

工作示例： http: //jsfiddle.net/66Tbz/2/