转自:http://blog.csdn.net/wzj2584454/article/details/60874919
默认内容为空白,点击下拉框只显示除空白选项的其他正常选项。
有两种办法,一种纯css实现,一种借助js实现。
JS方法:
- <body onload="load()">
- <select id="abc" >
- <option >1</option>
- <option >2</option>
- <option >3</option>
- <option >4</option>
- </select>
- </body>
- <script>
- function load()
- {
- var x = document.getElementById("abc");
- x.selectedIndex = -1;
- }
- </script>
CSS方法:
- <option selected="selected" disabled="disabled" style='display: none' value=''></option>
只保留:style='display: none' 效果也是一样的。