猿问

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

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

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


ibeautiful
浏览 772回答 1
1回答

DIEA

不用寫&nbsp;javascript，直接放一個空白的&nbsp;option&nbsp;並預設選取就好<select&nbsp;id="xxx"&nbsp;> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value=""&nbsp;selected></option>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="10">1</option>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="20">2</option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="30">3</option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="40">4</option>&nbsp;&nbsp;&nbsp;</select>如果要讓空白選項無法選擇的話，加個&nbsp;disabled&nbsp;就 ok<select&nbsp;id="xxx"&nbsp;> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value=""&nbsp;disabled&nbsp;selected></option>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="10">1</option>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="20">2</option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="30">3</option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="40">4</option>&nbsp;&nbsp;&nbsp;</select>
0
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答