Очистить параметры и заново заполнить раскрывающийся список - jQuery / Ajax

Question

Вопрос: Как очистить список параметров, а затем заново заполнить?

Описание: При возникновении события мне нужно стереть текущее содержимое раскрывающегося списка #regionlist и # citylist.

Проблема: когда пользователь отправляет форму с помощью метода GET.Значения списка регионов и списка городов накапливаются (новые города + предыдущий список городов (до обновления)).

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

function getRegions(e){//search regions from databse using ajax and jquery
    if(e!=''){
        $.post("library/region.php", {ids: e },
           function(data){
            $("#regionlist").html(data.regions); 
           if(data.cities){//if region not exists show the cities 
             $("#citylist").html(data.cities);
            } 
        }, "json");
    }   
}
function getCities(e){//search cities from databse using ajax and jquery
    if(e!=''){
        $.post("library/city.php", {ids: e },
       function(data){
         $("#citylist").html(data);
       });
    }
}

Answer 1

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

$('#regionlist')
    .find('option')
    .remove()
    .end()
    .append('<option value="whatever"></option>')
    .val('whatever');

$('#citylist')
    .find('option')
    .remove()
    .end()
    .append('<option value="whatever"></option>')
    .val('whatever');

Надеюсь, это поможет.

Answer 2

$('select').find('option').remove();

или, если у вас также есть группы опций, вы можете использовать тот же метод, который вы используете для их заполнения, $('select').html('');