码迷,mamicode.com
首页 > 其他好文 > 详细

select readonly 不能看到其它选项解决方式

时间:2017-06-03 17:27:10      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:下拉   art   class   post   this   ado   play   页面   cursor   

在html中是select readonly后。依旧能够下拉选择。不想做disabled添加隐藏域,以下提供两种解决方式

解决方式1:

onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;"

可是这样依旧能够看到其它选项。怎么让其它选项也无法看到呢?有人提出了用js控制,可是页面太多select并且不一定哪个是仅仅读的。所以提供解决方式2

解决方式2,通过css解决。无法看到其它选项

select[readonly] {
	background: #eee;
	cursor: no-drop;
}

select[readonly] option {
	display: none;
}

如此完美解决



select readonly 不能看到其它选项解决方式

标签:下拉   art   class   post   this   ado   play   页面   cursor   

原文地址:http://www.cnblogs.com/llguanli/p/6937586.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!