jquery在第二个填充中清除选择

Question

我有这个jquery，它工作正常。但是当我第二次选择它时将面临的问题将会把数据添加到以前的结果中。并不会清除它。 我试图使用空函数和.html（''），但它没有奏效。

$(document).ready(function(){ $("#cat").change(function(){ 
$.ajax(
{url:"maintenance_task.php", 
data: { cat_id : $("#cat option:selected").val() }, 
dataType: 'json', 
success:function(json){ 
    $.each(json, function(i, value) { 

     $('#task_type').append($('<option>').text(value).attr('value', i)); 
    }); 
    }}); });}); 

任何人都可以帮助我。 在此先感谢。

Answer 1

试试这个

$(document).ready(function(){ 
$("#cat").change(function(){ 
    $.ajax({ 
     url:"maintenance_task.php", 
     data: { cat_id : $("#cat option:selected").val() }, 
     dataType: 'json', 
     success:function(json){ 
     $('#task_type').html(' '); 
     $.each(json, function(i, value) { 
      $('#task_type').append($('<option>').text(value).attr('value', i)); 
     }); 
    } 
    }); 
}); 
});