Как очистить значения выпадающего списка при нажатии кнопки, используя jQuery?

Question

Как очистить значения выпадающего списка при нажатии кнопки, используя jQuery?

Answer 1

$('#dropdownid').empty();

Это удалит все элементы <option> под выпадающим элементом.

Если вы хотите отменить выбор выбранных элементов, используйте код от Russ.

Answer 2

Более короткая альтернатива первому решению, данному Russ Cam , будет:

$('#mySelect').val('');

Предполагается, что вы хотите сохранить список, но сделайте так, чтобы ни один из вариантов не был выбран.

Если вы хотите выбрать конкретное значение по умолчанию, просто передайте это значение вместо пустой строки.

$('#mySelect').val('someDefaultValue');

или сделать это по индексу опции, вы можете сделать:

$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option

Answer 3

Если вы хотите сбросить выбранные опции

$('select option:selected').removeAttr('selected');

Если вы действительно хотите удалить опции (хотя я не думаю, что вы это имеете в виду).

$('select').empty();

Замените select на наиболее подходящий селектор в вашем случае (это может быть идентификатор или класс CSS).Использование as as сбросит все элементы <select> на странице

Answer 4

Если вы хотите сбросить страницу начальной загрузки нажатием кнопки, используя jQuery:

function resetForm(){
        var validator = $( "#form_ID" ).validate();
        validator.resetForm();
}

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

Если вы хотите сбросить только выставленное значение, то:

$("#form_ID")[0].reset();