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;
- }
原文出处:
[1] zml6308, select readonly 不能看到其他选项解决方案, https://blog.csdn.net/zml6308/article/details/46345393