Select2 - make it readonly (not disabled!) from js

前端 未结 5 1315
自闭症患者
自闭症患者 2021-02-12 12:05

How can I dynamically make a select2 combobox read-only?

Here\'s what I\'ve tried so far:

$(\'...\').attr({\'reado         


        
5条回答
  •  天涯浪人
    2021-02-12 12:41

    Solution from Select2 - Issue #3387 - Readonly Support:

    select[readonly].select2 + .select2-container {
      pointer-events: none;
      touch-action: none;
    
      .select2-selection {
        background: #eee;
        box-shadow: none;
      }
    
      .select2-selection__arrow,
      .select2-selection__clear {
        display: none;
      }
    }
    

    Edit: for versions > 4.07 - as commenters below correctly pointed out:

    select[readonly].select2-hidden-accessible + .select2-container {
        pointer-events: none;
        touch-action: none;
    
        .select2-selection {
            background: #eee;
            box-shadow: none;
        }
    
        .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
            display: none;
        }
    }
    

提交回复
热议问题