将数据绑定到下拉列表

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'];

但是当我试图在成功的回调函数(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

获取数据，但dropdown的格式搞砸了

Answer 1

正如我在注释中提到的，您的方法不起作用，因为在您尝试将结果追加到select之后，ajax成功函数可以很好地执行。

您应该在回调过程中追加新的选项。试一试：

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