Отмена выбора всех элементов из выпадающего списка в jQuery

Question

У меня есть раскрывающийся список множественного выбора, как показано ниже, где я выбрал параметры «Тест 2» и «Тест 3».

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]">
<option value="6012">Test 1</option>
<option value="8436">Test 2</option>
<option value="4689">Test 3</option>
<option value="6784">Test 4</option>
</select>

У меня есть кнопка «Отменить выбор». При нажатии этой кнопки все выбранные элементы должны быть отменены . В этом случае элементы, которые я ранее выбирал, «Тест 2» и «Тест 3», теперь должны быть отменены.

Как мне это сделать с помощью jQuery?

Answer 1

$("#edit-rec option:selected").removeAttr("selected");

Answer 2

Попробуйте -

$("#edit-rec > option").attr("selected",false);

Демо - http://jsfiddle.net/LhSBu/

Answer 3

Он удалит все отмеченные опции из выпадающего списка множественного выбора:

$ ('# ddlTradeShow'). Multiselect ("clearSelection");

Answer 4

При нажатии радио кнопки вы можете использовать это

$("#edit-rec  option").each(function(){

    this.selected=false;

});

Answer 5

$("#edit-rec option:selected").removeAttr("selected");

Answer 6

Самый простой способ отменить выбор всех параметров в раскрывающемся списке с несколькими вариантами выбора - использовать .val([]).

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

Answer 7

$("#butt").click(function () {
    $("#edit-rec > option").removeProp("selected");
});

это правильно с новой версией jQuery

Answer 8

Может сделать что-то вроде этого JS Fiddle для настройки щелчка по переключателю http://jsfiddle.net/x5ck3/

$('#rdClear').click(

function() {
    $("#edit-rec option:selected").removeAttr("selected");
});

Answer 9

Теперь есть еще одна возможность, напрямую предоставляемая API:

$('#edit-rec').multiSelect('deselect_all');

Работает нормально, здесь вы можете найти больше опций: http://loudev.com/