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

Question

我在 asp.net MVC 页面的部分视图中有下拉列表。我将部分视图显示到模态弹出窗口中。我将值从数据库绑定到下拉列表

我的问题是当我将值绑定到下拉列表时它会绑定两次？谁能告诉我为什么会这样

任何帮助，将不胜感激？？

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

这是我得到的输出

值 1 值
2值 3 值 1 值 2 值 3

Answer 1

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

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