Как очистить раскрывающийся список fSelect с множественным выбором в событии щелчка. Вот пример. Нажав на кнопку «Очистить», должно быть удалено все выбранное значение.
(function($) {
$(function() {
$('.my-select-box').fSelect();
$('#ClearSelect').click(function(){
$("#fselectMulti option:selected").removeAttr("selected");
})
});
})(jQuery);<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href = "https://facetwp.com/wp-content/plugins/facetwp/assets/vendor/fSelect/fSelect.css" rel = "stylesheet"/>
<script src = "https://facetwp.com/wp-content/plugins/facetwp/assets/vendor/fSelect/fSelect.js"></script>
<select id = "fselectMulti" class = "my-select-box" multiple = "multiple">
<optgroup label = "Northeast">
<option selected value = "me">Maine</option>
<option selected value = "ny">New York</option>
<option value = "nj">New Jersey</option>
<option value = "vt">Vermont</option>
</optgroup>
<optgroup label = "Southwest">
<option value = "az">Arizona</option>
<option selected value = "nm">New Mexico</option>
<option value = "ca">California</option>
<option value = "nv">Nevada</option>
</optgroup>
</select>
<button id = "ClearSelect">Clear</button>


![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете очистить, перебрав опцию и отменив выбор, например:
$(function() {
$('.my-select-box').fSelect();
$('#ClearSelect').click(function() {
$('#fselectMulti option:selected').removeAttr('selected');
$('.my-select-box').prev(".fs-dropdown").find(".fs-options .fs-option").each(function() {
$(this).removeClass('selected', false);
});
console.info($('#fselectMulti').val());
$('.fs-label').html('Select some options');
})
$('#CheckSelect').click(function(){
console.info($('#fselectMulti').val());
})
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href = "https://facetwp.com/wp-content/plugins/facetwp/assets/vendor/fSelect/fSelect.css" rel = "stylesheet" />
<script src = "https://facetwp.com/wp-content/plugins/facetwp/assets/vendor/fSelect/fSelect.js"></script>
<select id = "fselectMulti" class = "my-select-box" multiple = "multiple">
<optgroup label = "Northeast">
<option selected value = "me">Maine</option>
<option selected value = "ny">New York</option>
<option value = "nj">New Jersey</option>
<option value = "vt">Vermont</option>
</optgroup>
<optgroup label = "Southwest">
<option value = "az">Arizona</option>
<option selected value = "nm">New Mexico</option>
<option value = "ca">California</option>
<option value = "nv">Nevada</option>
</optgroup>
</select>
<button id = "ClearSelect">Clear</button>
<button id = "CheckSelect">Check Array</button>После кнопки очистки множественный выбор не имеет ни одного выбранного параметра, а в журналах указано, что оно все еще выбрано.
Я знаю, что это уже решило проблему, но для улучшения вы можете снова установить исходный текст на $('.fs-label'), получив доступ к его настройкам таким образом $('#fselectMulti').data('fSelect').settings.placeholder
Для будущих ссылок: Используя вилка из fSelect, который имеет лучшую функцию перезагрузки, выполнение следующих действий может сбросить значения и выбранные элементы:
(function($) {
$(function() {
$('.my-select-box').fSelect();
$('#ClearSelect').click(function(){
$("#fselectMulti option").prop("selected", false);
$('.my-select-box').fSelect('reload');
})
});
})(jQuery);
Попробуй поподробнее описать.