Question

我需要动态构建我的DDL，我使用JSON从数据库获取信息（我使用没有问题获取数据）但无法在我的DDL中显示我的数据... 我尝试了三种不同的方式，没有改变。我做错了什么？

// HTML

  <asp:DropDownList ID="productDDL" runat="server" CssClass="ddl"></asp:DropDownList>

// Javascript

  function creatDDL(data) {
            var obj = $.parseJSON(data.Data);
            for (var i = 0; i < obj.length; i++) {
                $("#productDDL").append("<option>" + obj[i].id + "' - '" + obj[i].name + "</option>");
             $("#productDDL").append("<option>"+obj[i].id + "' - '" + obj[i].name+"</option>");
                $("#productDDL").append($("<option></option>").html(obj[i].id + "' - '" + obj[i].name));

            }
        }

Answer 1

我最喜欢你的第三次尝试。假设您的数据有序，您只需要查看jQuery API。

这是我收集你正在努力做的事情的工作版本：

function createDDL(data) {
  var options = $.parseJSON(data.Data);

  $.each(options, function(n, option) {
    var $option = $('<option />').text(option.name).val(option.id);
    $("#productDDL").append($option);
  });
}

小提琴：http://jsfiddle.net/klenwell/Esr5q/

如何动态地将选项/ ListItem添加到下拉列表

1 个答案: