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