Bootstrap Multi select search очистить событие нажатия кнопки не работает

Question

Я использую мультиселектор начальной загрузки с включенной функцией поиска.

Я пытаюсь отменить выбор всех выбранных элементов при нажатии кнопки X.Но я не могу обработать событие нажатия для этой кнопки.

Пожалуйста, помогите или предложите лучший способ сделать это.

Вот пример кода:

<select id="multiselect-users" name="users[]" multiple="multiple">
    <option value="1">User1</option>
    <option value="2">User2</option>
</select>

<script type="text/javascript">
 $('#multiselect-users').multiselect({
    enableFiltering: true
 });
  // .multiselect-clear-filter is X button class. This button is part of bootstrape-multiselect if you enable filter
 $(document).on('click', '.multiselect-clear-filter', function(){

    // not working :(
    alert('test');
 });
</script>

Я хочу отменить выбор всех выбранных элементов при нажатии этой кнопки X.

Answer 1

Что вы действительно ожидаете, так это то, что при нажатии на select option отображается предупреждение.

Но название этого события не называется «щелчок» и называется «изменено»:

     $(document).on('change', '#multiselect-users', function(){
    
    	// woking :)
    	alert('test');
     });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="multiselect-users" name="users[]" multiple="multiple">
     	<option value="1">User1</option>
     	<option value="2">User2</option>
    </select>

Кроме того, вы должны добавить это событие в тег select, а не в .multiselect-clear-filter.

Я должен кое-что сказать о:

 $('#multiselect-users').multiselect({
    enableFiltering: true
 });

часть.И это то, что change событие не работает, когда это включено.Но я думаю, что, возможно, эта функция из другой библиотеки.

Надеюсь, это поможет!