tắt menu thả xuống chọn khi hộp kiểm được chọn

Question

Tôi đã triển khai selectize trên biểu mẫu html của mình. Tuy nhiên, menu thả xuống chỉ hoạt động khi hộp kiểm "bật" được nhấp. Tôi biết có một thuộc tính vô hiệu hóa trên đối tượng selectize nhưng tôi không biết làm thế nào để sử dụng nó khi hộp kiểm được click.

Tôi đã thử thêm lớp bị vô hiệu vào phần tử div lựa chọn nhưng điều đó cũng không hoạt động. Bất kỳ trợ giúp nào cũng sẽ được đánh giá cao.

Cảm ơn

Answer 1

Hơi kỳ lạ khi bạn phải thiết lập. Đây là những gì làm việc cho tôi.

var select = $("#YourDropDownId").selectize(); 
var selectize = select[0].selectize; 
selectize.disable(); 

Answer 2

tôi muốn thêm một câu trả lời bổ sung ở đây vì mặc dù câu trả lời @ tclark333 là đúng, đó là một chút sai lầm kể từ khi dòng đầu tiên là khởi tạo thực tế của đối tượng selectize, và không thực sự những gì cần thiết cho câu trả lời.

API chọn được hiển thị khi bạn truy cập thuộc tính selectize trên phần tử cơ bản từ đối tượng jQuery chứ không phải là phần mở rộng cho chính jQuery.

Giả sử các yếu tố đó đã được selectized ID là "myDropDown":

//disable 
$('#myDropDown')[0].selectize.disable(); 
//re-enable 
$('#myDropDown')[0].selectize.enable(); 

Answer 3

function generateCircle(id , jPath){ 
     var formId =$("#"+id).closest(".data_details_accord").find("form"); 
     var select = formId.find("select"); 
     /*disable select initially*/ 
     select.each(function(){ 
      var thisSelect = $(this).selectize(); 
      thisSelectDisable = thisSelect[0].selectize; 
      thisSelectDisable.disable(); 
     }); 

     /***********/ 

     $.ajax({ 
      url: jPath, 
      data:formVlaz, 
      success: function(result){ 

      },error: function (xhr , status, eror) { 
      },complete: function (xhr) { 

       /*enable select when ajax complete*/ 
        select.each(function(){ 
         var thisSelect = $(this).selectize(); 
         thisSelectDisable = thisSelect[0].selectize; 
         thisSelectDisable.enable(); 
        }); 

       /********/ 
      } 
     }); 
    };