首页 > 代码库 > select readonly 不能看到其它选项解决方式
select readonly 不能看到其它选项解决方式
在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 不能看到其它选项解决方式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。