问题描述
HTML 的SELECT的组合框比较麻烦、不能为空、它一定要选择一个值我用一个文本框盖住它、但又要写CSS、慢慢调位置有没有一个简单的方法使它可以为空 问题补充：langshao 写道
解决方案
加一个空的option<option value=""></option> <HTML> <HEAD> <script type="text/javascript"> function init() { var obj = document.getElementById('testselect'); obj.selectedIndex = 0; } </script> <BODY onload="init()"> <select id="testselect"> <option value=""></option> <option>Option1</option> <option>Option2</option> <option>Option3</option> </select> </BODY> </HTML>
解决方案二：
引用还有问题、打开页面后、不能动它、只要选择一个值、想再置为空就麻烦了加一个按钮，把选择的值清空就行了。<HTML> <HEAD><script type="text/javascript">function init(){var obj = document.getElementById('testselect');obj.selectedIndex = -1;}</script></HEAD><BODY onload="init()"> <select id="testselect"> <option>Option1</option> <option>Option2</option> <option>Option3</option> </select> <input type="button" value="reset" onclick="init()" /> </BODY></HTML>
解决方案三：
引用HTML 的SELECT的组合框比较麻烦、不能为空、它一定要选择一个值 我用一个文本框盖住它、但又要写CSS、慢慢调位置 有没有一个简单的方法使它可以为空我智商比较低，没完全明白
解决方案四：
<HTML> <HEAD><script type="text/javascript"> function init(){ var obj = document.getElementById('testselect');obj.selectedIndex = -1; } </script> <BODY onload="init()"> <select id="testselect"> <option>Option1</option> <option>Option2</option> <option>Option3</option> </select> </BODY></HTML>