html select元素，默认不在选项中
可能重复：
<select>占位符
我想要做这样的事情：
<select>
<option selected="selected">Choose option</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
这里是jsfiddle。
现在我希望第一个选项与内容“选择选项”中的选定内容在下拉菜单中不可见。 我怎么能做到这一点，如果这是可能的选择元素，或者我应该做一个自定义的事情。 提前致谢。
打开列表后，您可以立即删除所选元素：
$('select').click(function () {
$('option[selected="selected"]', this).remove();
});
我不知道任何原生HTML / HTML5解决方案。
我相信用简单的HTML解决方案可以获得最接近的结果是禁用该选项：
<select>
<option selected="selected" disabled="disabled">Choose option</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
演示
元素仍然会出现在列表中，但它会变灰，并且在打开它后不能从下拉列表中选择它。
<select>
<option selected="selected" disabled="disabled">Choose option</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
这将在选择前显示“选择选项”，但不允许用户选择它。
链接地址: http://www.djcxy.com/p/70587.html