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('');

清除选项并重新填充下拉列表 - jQuery / Ajax

2 个答案: