Question

使用jquery动态添加Select的option

$(document).ready(function () {
$.post("UserList", {}, function (data) {
var jsonobj = eval("(" + data + ")");
$.each(jsonobj, function (index, value) {
//alert(value.name );
$("#selectId").append("<option value='" + value.name + "'> " + value.name + " </option>");
})
});
});
value.name的值正确 但就是无法添加给Select

Answer 1

each遍历的时候，先把option添加到一个字符串或数组中，遍历完了，再执行$("#selectId").append方法

追问

能大概写下代码吗？谢谢哈

追答

var options = [];
$.post("UserList", {}, function (data) {
    var jsonobj = eval("(" + data + ")");  
    $.each(jsonobj, function (index, value) {
        options.push("<option value='" + value.name + "'> " + value.name + " </option>");
    });
    $("#selectId").append(options.join(''));    
});

追问

还是不行啊~ SElect还是没选项

追答

var options = [];
$.post("UserList", {}, function (data) {
    console.log(data)
    $.each(data, function (index, value) {
        options.push("<option value='" + value.name + "'> " + value.name + " </option>");
    });
    $("#selectId").append(options.join(''));    
},'json');
//打印一下data看看是什么