将数据绑定到下拉列表

Question

我正在尝试通过全局变量（名称是数组名称）绑定下拉列表，该变量在下面绑定：

Click here - dropdown is populating fine

  var name = ['us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya', 'us', 'china', 'kenya'];

但是当我尝试在成功回调函数 (fnsuccesscallback) 中填充数组（ddList 是数组名称）时，下拉列表不会填充。

Click here - drop-down is not pupulating

 function fnsuccesscallback(data) {         
            $.each(data.d, function () {              
                ddList.push(this['Value']);             
            });    
            ddList.push('a');
            ddList.push('b');
            ddList.push('c');
            ddList.push('d');

        }   

但我只想在回调函数中填充数组。

请告诉我如何解决这个问题？

更新：

Drodown formating screwed up

获取数据但下拉列表的格式搞砸了

Answer 1

正如我在 cmets 中提到的，您的方法不起作用，因为在您尝试将结果附加到选择后，ajax 成功函数执行良好。

您应该在回调期间附加新选项。试试这个：

function fnsuccesscallback(data) {
    data.map(function (el) {
        $('.multiselect').append("<option value='" + el.Value + "'>" + el.Value + "</option>");
    });
}