Как очистить все выбранные элементы на входе SELECT с помощью jQuery?

Я думаю, что это должно быть довольно легко, но немного борется... У меня есть элемент ввода SELECT, который позволяет пользователю выбирать несколько элементов. Я хотел бы предоставить механизм для их очистки всех выбранных элементов, вероятно, будет просто тегом SPAN или чем-то подобным.

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

Ответ 1

В случае <select multiple> функция .val() принимает/возвращает массив, поэтому вы можете просто передать пустой массив, чтобы очистить выделение, например:

$("#selectID").val([]);

Здесь вы можете протестировать его.

Ответ 2

Это сработало, чтобы очистить все выбранные параметры для меня..

$("#selectListName").prop('selectedIndex', -1)

Список выбора выглядел как

<select multiple='multiple' id='selectListName'> 
  <option>1</option> 
  <option>2</option> 
  <option>3</option> 
  <option>4</option>
</select>

Ответ 3

Try:

$("select option:selected").each(function () {
    $(this).remove(); //or whatever else
});

Ответ 4

Только это сработало для меня: -

$("#selectid").find('option').attr("selected",false) ;

Ответ 5

Я попробую что-то вроде

$("#my-Select").find('option').attr("selected","") ;

Ответ 6

Попробуйте это

<select id='select1' ></select>
<input type= 'button' value = 'Clear Selection' id = 'remove' />

$(document).ready(function() {  
   $('#remove').click(function() {  
     return $('#select1 option:selected').remove(); 
   });
 });

Ответ 7

Maybe 

$('#mySelect option').each(function(i, e)
{
   e.selected = false
});

Ответ 8

Лучше, чем это, вы можете использовать:

$("#selectID").empty();

Это работает практически во всех DOM.