在html中是select readonly后。依旧能够下拉选择。不想做disabled添加隐藏域,以下提供两种解决方式
解决方式1:
οnfοcus="this.defaultIndex=this.selectedIndex;" οnchange="this.selectedIndex=this.defaultIndex;"
可是这样依旧能够看到其它选项。怎么让其它选项也无法看到呢?有人提出了用js控制,可是页面太多select并且不一定哪个是仅仅读的。所以提供解决方式2
解决方式2,通过css解决。无法看到其它选项
select[readonly] {
background: #eee;
cursor: no-drop;
}
select[readonly] option {
display: none;
}
如此完美解决