select readonly 不能看到其他选项解决方案

在html中是select readonly后，依然可以下拉选择，不想做disabled增加隐藏域，下面提供两种解决方案

解决方案1：

[javascript]  view plain  copy

1. οnfοcus="this.defaultIndex=this.selectedIndex;" οnchange="this.selectedIndex=this.defaultIndex;"  

但是这样依然可以看到其他选项，怎么让其他选项也无法看到呢？有人提出了用js控制,但是页面太多select而且不一定哪个是只读的，所以提供解决方案2

解决方案2，通过css解决，无法看到其他选项

[css]  view plain  copy

1. select[readonly] {  
2.     background: #eee;  
3.     cursor: no-drop;  
4. }  
5.   
6. select[readonly] option {  
7.     display: none;  
8. }  

原文出处：

[1] zml6308, select readonly 不能看到其他选项解决方案, https://blog.csdn.net/zml6308/article/details/46345393