Обновить Jquery multi selected select

Question

Как удалить выбранные элементы из выбранного jquery multi после нажатия кнопки сброса?

<select data-placeholder="Select" id="options" class="chosen-select" maxwidth="50px" multiple tabindex="15" ></select> 

Я пробовал несколько способов, не повезло. Это мой код:

$("#options").multiselect('refresh'); 
    $("#options").multiselect('clearSelection'); 
    $('#options').multiSelect('deselect_all'); 
    $("#options").find('option:selected').removeAttr("selected"); 

После выше еще отображать выбранные элементы, как на изображении,

Любая помощь будет оценена.

Answer 1

Я не слишком хорошо знаком с множественным, но в соответствии с docs, похоже, вы можете отменить все с помощью:

$('#your-select').multiSelect('deselect_all'); 

Answer 2

Вы можете использовать:

$("#options").find('option:selected').removeAttr("selected"); 

Пример: https://jsfiddle.net/hs9yft2n/1/

Answer 3

Это не мультиселекция, это поле, выбранное jQuery, похоже. ответ здесь охватывает вас: 'select all' and 'remove all' with chosen.js - просто удалить выбранное свойство из вариантов затем обновить выбранный элемент

$("#options").find('option:selected').prop('selected',false); 
$("#options").trigger('chosen:updated'); 

Если вы используете старую версию выбрала, то правильный триггер для вас может быть: Лист: обновленный, например.

$("#options").trigger('liszt:updated'); 

Но вам нужно будет добавить эту деталь к вопросу, чтобы я мог точно сказать.

В качестве альтернативы, если вы ТАКЖЕ инициализировали это как multiSelect, я предсказываю проблемы в будущем. Я бы наверняка удостоверился, какой виджет вы ХОТИТЕ использовать, и убедитесь, что вы только инициализируете его/вызываете на нем как этот виджет, а только этот виджет