javascript - 如何让一个下拉框初始是空白的
本文介绍了javascript - 如何让一个下拉框初始是空白的的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
然后点开下拉框有选项，但是选不了空白的那一项，下面这个代码我测试好着，但是放在项目里不知道为什么不起作用
<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，直接放一個空白的 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>
这篇关于javascript - 如何让一个下拉框初始是空白的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
