清除选项并重新填充下拉列表 - 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('');