在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;
}
如此完美解决