模态弹出下拉列表值绑定两次

Question

我在asp.net MVC页面的部分视图中有下拉列表。我正在展示Modal Popup的部分视图。我是从数据库到下拉列表的绑定值

我的问题是当我将值绑定到Dropdown List时它会绑定两次吗？ 谁能告诉我为什么会发生这种情况

任何帮助将不胜感激？

<select id="EntityType"></select>

function Test() {
    $.ajax({ 
        url: '/../MyFunction/',
        type: 'POST',
        dataType: 'json',
        success: function (data) {   
            var options = $('#ddlcountry);                    
            $.each(data, function() {
                options.append($('<option/>').val(this.SHId).text(this.Name));
            });
        } // ajax callback
    });  // ajax call
}

这是我得到的输出

  

VALUE1
  值2
  值3
  值1
  值2
  value3

Answer 1

在添加新选项之前，请尝试使用$('#ddlcountry').empty()清除选项。

$('#ddlcountry').empty();
var options = $('#ddlcountry');   
$.each(data, function() {
   options.append($('<option/>').val(this.SHId).text(this.Name));
});