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

Ответ 1

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

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

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

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

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

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

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

Ответ 2

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

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

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

Ответ 3

Если вы хотите reset выбранные параметры

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

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

$('select').empty();

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

Ответ 4

Если вы хотите reset загрузочную страницу с нажатием кнопки с помощью jQuery:

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

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

Если вы хотите reset указать только полевое значение, то:

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