Быстрый способ очистить все выборки с включенным множественным выбором <select>с помощью jQuery?

Question

Должен ли я пройти через ВСЕ и установить удаление атрибута selected, или есть лучший способ?

Answer 1

Просто найдите все выбранные теги <option> в вашем <select> и удалите атрибут selected:

$("#my_select option:selected").removeAttr("selected");

Начиная с jQuery 1.6, вы должны использовать .prop вместо удаления атрибута:

$("#my_select option:selected").prop("selected", false);

Answer 2

Для того, чтобы очистить все выделение, я использую вот так, и он прекрасно работает для меня вот сценарий:

 $("#ddlMultiselect").multiselect("clearSelection");

 $("#ddlMultiselect").multiselect( 'refresh' );

Answer 3

Самый короткий и быстрый способ удалить все выделение - передать пустую строку в функцию jQuery .val ():

$("#my_select").val('')

Answer 4

Это лучший способ очистить поле множественного выбора или список:

 $("#drp_assign_list option[value]").remove();

Answer 5

В JQuery:

  $("#id option:selected").prop("selected", false);
  $("#id").multiselect('refresh');

Answer 6

jQuery's : выбранный селектор, вероятно, то, что вы ищете.

Answer 7

$('.selectpicker').selectpicker('deselectAll');

https://developer.snapappointments.com/bootstrap-select/methods/

Answer 8

Вы можете передать пустой массив, чтобы отменить выбор всего выбора. Вот пример. Из документации

val() позволяет передавать массив значений элементов. Это полезно при работе с объектом jQuery, содержащим такие элементы, как, и s внутри , В этом случае входы и параметры имеют значение, которое совпадение с одним из элементов массива будет проверено или выбрано в то время как те, которые имеют значение, которое не соответствует одному из элементов массив будет не проверен или не выбран , в зависимости от типа.

$('.clearAll').on('click', function() {
  $('.dropdown').val([]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="dropdown" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<button class='clearAll'>Clear All Selection</button>

Answer 9

Предполагается, что вы используете выпадающий список Bootstrap от David Stutz

$('#selectId').multiselect('deselectAll', false);

Но по какой-то причине он не работает внутри метода инициализации

Answer 10

В JavaScript,

Вы можете использовать список всех опций раскрывающегося списка множественного выбора, который будет циклом Array.Then, чтобы сделать выбранные атрибуты ложными в каждом объекте.

for(var i=0;i<list.length;i++)
{
   if(list[i].Selected==true)
    {
       list[i].Selected=false;
    }
}