Блог

Главная - Вопросы по программированию - Очищенный выпадающий выбор 2 с помощью кнопки закрыть в JQUERY

Очищенный выпадающий выбор 2 с помощью кнопки закрыть в JQUERY

#jquery #jquery-select2

Вопрос:

Добрый день, я в замешательстве, есть ли какая-либо точка запуска для этого действия в раскрывающемся списке select2? Я думаю, что в select2 это значение по умолчанию. Дело в том, что всякий раз, когда я нажимаю кнопку «Закрыть» в раскрывающемся списке «Подразделение», раскрывающийся раздел должен быть очищен. Любая идея очень ценится.

введите описание изображения здесь

Комментарии:

1. Пожалуйста, укажите весь соответствующий код

Ответ №1:

Вы можете использовать select2:unselect событие плагина select2. Это будет вызвано, когда вы отмените выбор любого параметра, затем внутри этого вы можете использовать val(null).trigger('change') , чтобы очистить другое поле выбора.

Демонстрационный код :

 $("#one ,#second").select2({
  allowClear: true,
  placeholder: 'placeholder'
});
//when unselected..
$('#one').on('select2:unselect', function(e) {
  $('#second').val(null).trigger('change'); //clear other
}); 
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css">
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>

<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>

<select id="one" class="form-control" style="width:150px">

  <option selected="selected">orange</option>
  <option>white</option>
  <option>purple</option>
</select>

<select id="second" class="form-control" style="width:150px">
  <option>orange</option>
  <option selected="selected">white</option>
  <option>purple</option>
</select>
Метки: