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

Question

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

Answer 1

Более короткой альтернативой первого решения заданного Russ Cam будет:

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

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

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

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

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

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

Answer 2

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

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

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

Answer 3

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

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

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

$('select').empty(); 

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

Answer 4

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

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

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

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

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