Javascript 如何将option/ListItem动态添加到dropdownlist

我需要动态构建我的DDL，我使用JSON从DB获取信息，我获取数据没有问题，但无法在我的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));

            }
        }

---

我最喜欢你的第三次尝试。假设你的数据是有序的，你只需要重新整理一下

以下是我收集的您正在尝试的工作版本：

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

---

Fiddle:

您能提供您的json吗？对不起。。我是不被允许的。。但是我得到了我需要的信息没有问题..通过警报检查JSON是好的。是的。我检查了警报我得到了我所需要的问题是将信息添加到DropDownList否我想我必须使用它..我试过了，没有改变