zoukankan      html  css  js  c++  java
  • select readonly 不能看到其他选项解决方案

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

    解决方案1:

     

    [javascript] view plain copy
     
     
    1. onfocus="this.defaultIndex=this.selectedIndex;" onchange="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.     displaynone;  
    8. }  
    原文出处:

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

  • 相关阅读:
    swift
    swift
    swift
    swift
    swift
    swift
    swift
    swift
    Swift
    Nginx 访问控制
  • 原文地址:https://www.cnblogs.com/ryelqy/p/10104072.html
Copyright © 2011-2022 走看看