在select中,载入时默认select为空白,选项内不显示空白项
来源:互联网 发布:js中gripinnerhtml 编辑:程序博客网 时间:2024/05/29 15:08
今天做select的时候,页面要求为:载入默认选项框为空白,点击下拉框显示正常选项。
找了半天 有两种办法,一种纯css实现,一种借助js实现。
先说js的办法吧。
html:
<body onload="load()"> <select id="abc" > <option >1</option> <option >2</option> <option >3</option> <option >4</option> </select></body>
js:
<script> function load() { var x = document.getElementById("abc"); x.selectedIndex = -1; } </script>实测成功。
纯css的方法:
<option selected="selected" disabled="disabled" style='display: none' value=''></option>上面的option置于第一行即可。
style='display: none'
效果也是一样的。
5 0
- 在select中,载入时默认select为空白,选项内不显示空白项
- 在select中,载入时默认select为空白,选项内不显示空白项
- 在select中,载入时默认select为空白,选项内不显示空白项
- select框默认选项为空白
- select在ios中选项空白
- angularjs select 选择默认显示空白以及第一行空白的解决方法
- ionic(angularjs)select下拉选择第一个选项为空白的解决办法
- AngularJS系列之select下拉选择第一个选项为空白的解决办法
- AngularJS系列之select下拉选择第一个选项为空白的解决办法
- 2017-05-08 angularjs的select选项去除空白行
- select option ng-repeat多空白项
- AngularJS select首项空白问题解决方案
- select默认文字,不出现在下拉选项中
- ajax select 添加option 空白
- jquery-editable-select设置显示默认选项
- iReport中字段值为0时显示空白
- excel 错误不显示 #REF #VALUE 显示为空白
- 项目常见错误及解决方法-angular中select空白项问题
- 在Android studio项目中集成友盟分享
- 《深入理解Linux内核》软中断/tasklet/工作队列
- 233. Number of Digit One
- 关于项目启动jstl的jar包问题
- 淘淘商城SSM框架之异常处理篇
- 在select中,载入时默认select为空白,选项内不显示空白项
- 归并排序算法
- Combination Sum 题解
- generate_anchor.py运算解读
- Linux CentOS7安装Hadoop2.7集群
- IOS8以上版本,使用UIAlertController代替 UIActionSheet和UIAlertView
- 积累
- window环境下搭建ionic+cordova安卓app
- Java多线程基础学习之线程的创建方式总结