вимкнути вибраний jquery випадаючий список

У мене є вибір div, за допомогою якого я використовую вибраний плагін jquery для стилізації та додавання функцій (найголовніше, пошуку). Div виглядає приблизно так,

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

І я використовую вибраний плагін ось так,

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

Поки завантажується деякий AJAX, я хотів би відключити весь <select>div. Можливо, з чимось подібним,

 $('#foobar').disable()

або це

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

Я думаю, ви зрозуміли ідею.

Будь-які ідеї щодо того, як це зробити? Я спробував декілька різних речей, наприклад, використовуючи ідіоми jquery для відключення речей, відключення того, <select>що просто відключає основний вибір, а не вибраний матеріал поверх нього. Я навіть вдався до того, щоб вручну додати ще один div з високим, z-indexщоб просто сірий, але я думаю, що це, швидше за все, буде потворним і глючним.

Дякую за допомогу!

Ви відключаєте лише свій select, але вибраний робить його як div, так і охоплює і т. Д. Тож після відключення вашого select вам потрібно оновити плагін, щоб зробити віджет відбору теж відключеним. Ви можете спробувати таким чином:

$('#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");

Я знайшов інформацію тут

Скрипка

Після оновлення віджету все, що він робить, - це відв’язує клацання та інші події на плагіні та змінює свою непрозорість на 0,5. Оскільки для div немає реального відключеного стану.

В останній версії з вибраних, liszt:updatedвона вже не працює. Вам потрібно використовувати chosen:updated:

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

Ось JSFiddle .

PSL був правильним, але вибраний з тих пір оновлений.

Поставте це після відключення:

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

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

Це працює Ідеально !!!! @chosen v1.3.0

Ви можете спробувати це:

$("#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();
});