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

发布于
2016-07-12

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

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

javascript html

html5

java

阅读 18.1k

4 个回答

Tomoe

✓ 已被采纳

不用寫 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>