Javascript 在选定值填充下拉列表时

我有一个目录列表，这些目录是有模板的主题。我列出了主题下拉列表和主题列表当任何主题被选中时，它将用其（所选主题的）模板填充其他下拉列表

这是我的javascript代码，我可以在选择主题后获得模板列表，但当我试图更改它时，它会复制模板下拉列表中的值

$（'theme'）。关于（'change'，function（））{
var selectedTheme=$（this.find（'option:selected'）.val（）；
$.ajax({
url:'/admin/content/templates？主题='+selectedTheme，
键入：“GET”，
数据类型：“json”，
contentType:“应用程序/json”，
数据：JSON.stringify（selectedTheme），
成功：功能（数据）{
console.log（数据）
$.each（数据、函数（idx、值）{
$（“#模板”）.append（“”+value+“”）；
});
},
错误：函数（数据）{
log（“有一些错误”）
}
});
});尝试添加一行以清除模板下拉列表，然后再重新填充它：

success: function(data) {
      console.log(data)
      $('#template').empty(); //<======
      $.each(data, function(idx, value) {
        $('#template').append('<option>' + value + '</option>');            
      });
    },

成功：函数（数据）{
console.log（数据）
$（'#template'）。empty（）；//尝试添加一行以清除模板下拉列表，然后重新填充它：

success: function(data) {
      console.log(data)
      $('#template').empty(); //<======
      $.each(data, function(idx, value) {
        $('#template').append('<option>' + value + '</option>');            
      });
    },

成功：函数（数据）{
console.log（数据）
$（“#template”）.empty（）；//您可以将数据存储在字符串中，并使用
html
转储数据：

  var str = ""; 
  $.each(data, function(idx, value) {
    str += '<option>' + value + '</option>';            
  }); 
  $('#template').html(str); 

var-str=”“；
$.each（数据、函数（idx、值）{
str+=''+值+''；
}); 
$（'模板'）.html（str）；

我认为这比在每个循环中写入性能更好。
您可以将数据存储在字符串中，并使用
html
转储数据：

  var str = ""; 
  $.each(data, function(idx, value) {
    str += '<option>' + value + '</option>';            
  }); 
  $('#template').html(str); 

var-str=”“；
$.each（数据、函数（idx、值）{
str+=''+值+''；
}); 
$（'模板'）.html（str）；

我认为这将比在每个循环上编写性能更好