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)); 
     }); 
    } 
    }); 
}); 
});