tắt trình đơn thả xuống do jquery chọn

Tôi có một div được chọn mà tôi đang sử dụng plugin jquery đã chọn để tạo kiểu và thêm các tính năng vào (đáng chú ý nhất là tìm kiếm). Div trông giống như thế này,

 <select data-placeholder="add a foobar" id="foobar" style="width: 350px;">
 <option value=""></option>
 </select>

Và tôi đang sử dụng plugin đã chọn như thế này,

 $('#foobar').chosen();

Trong khi một số AJAX đang tải, tôi muốn tắt toàn bộ <select>div. Có thể với một cái gì đó như thế này,

 $('#foobar').disable()

hoặc cái này

 $('#foobar').prop('disabled', true)

Tôi nghĩ rằng bạn có được ý tưởng.

Có ý tưởng nào để làm việc này không? Tôi đã thử một số cách khác nhau, chẳng hạn như sử dụng thành ngữ jquery để vô hiệu hóa mọi thứ, vô hiệu hóa <select>thứ chỉ vô hiệu hóa lựa chọn bên dưới chứ không phải những thứ đã chọn ở trên nó. Tôi thậm chí đã dùng đến cách thêm một div khác theo cách thủ công với giá trị cao z-indexđể chỉ làm xám hộp, nhưng tôi nghĩ rằng điều này có thể sẽ xấu và lỗi.

Cảm ơn đã giúp đỡ!

Bạn chỉ đang tắt tùy chọn của mình select, nhưng được chọn sẽ hiển thị nó dưới dạng div và nhịp, v.v. Vì vậy, sau khi tắt lựa chọn của bạn, bạn cần cập nhật plugin để tắt tiện ích đã chọn. Bạn có thể thử cách này:

$('#foobar').prop('disabled', true).trigger("liszt:updated");

//For non-older versions of chosen you would want to do:

$('#foobar').prop('disabled', true).trigger("chosen:updated");

Tôi tìm thấy thông tin ở đây

Vĩ cầm

Khi bạn cập nhật tiện ích, tất cả những gì nó làm là bỏ liên kết nhấp chuột hoặc các sự kiện khác trên plugin và thay đổi độ mờ của nó thành 0,5. Vì không có trạng thái bị vô hiệu hóa thực sự cho một div.

Trong phiên bản mới nhất được chọn, liszt:updatedkhông hoạt động nữa. Bạn cần sử dụng chosen:updated:

$(".chosen-select").attr('disabled', true).trigger("chosen:updated")

Đây là một JSFiddle .

PSL đã đúng, nhưng đã chọn đã được cập nhật kể từ đó.

Đặt cái này sau khi bạn tắt:

$("#your-select").trigger("chosen:updated");

$('#foobar').prop('disabled', true).trigger("chosen:updated");

Điều này hoạt động hoàn hảo !!!! @chosen v1.3.0

Bạn có thể thử điều này:

$("#foobar").prop('disabled',true).trigger("chosen:updated").chosen('destroy').chosen()

$("chosen_one").chosen({
  max_selected_options: -1
});

$(document).ready(function () {
    $("#foobar").chosen().on('chosen:showing_dropdown',function() {
            $('.chosen-select').attr('disabled', true).trigger('chosen:updated');
            $('.chosen-select').attr('disabled', false).trigger('chosen:updated');
            $('.search-choice-close').hide();
    });
    $('.search-choice-close').hide();
});