如何让一个下拉框初始是空白的

然后点开下拉框有选项，但是选不了空白的那一项，下面这个代码我测试好着，但是放在项目里不知道为什么不起作用

<html>      
    
<body onload="test()">
<select id="xxx" >      
<option value="10">1</option>  
<option value="20">2</option>      
<option value="30">3</option>      
<option value="40">4</option>   
</select>

<script>
function test()
{
    var x = document.getElementById("xxx");
    x.selectedIndex = -1;
}
</script>

</body>   
</html>

如果你的意思是默认空白，直接按1楼的大神说的就可以。但不太明白你的具体需求是什么，不太清楚。

可以按1楼说的直接一个option里面放空白的就行，不过你另一个需求:选择的时候不让选择空白的那个选项就得控制了。
PS:为何不用 ---请选择--- 而要用空白呢？

设置<option>为空。如果想让不能选择设置disabled属性即可<option disabled="disabled"></option>

不用寫 javascript，直接放一個空白的 option 並預設選取就好

<select id="xxx" >
    <option value="" selected></option> 
    <option value="10">1</option>  
    <option value="20">2</option>      
    <option value="30">3</option>      
    <option value="40">4</option>   
</select>

如果要讓空白選項無法選擇的話，加個 disabled 就 ok

<select id="xxx" >
    <option value="" disabled selected></option> 
    <option value="10">1</option>  
    <option value="20">2</option>      
    <option value="30">3</option>      
    <option value="40">4</option>   
</select>

【热门文章】