将可选选项绑定到下拉列表

Question

您好，我有以下数据，我正在尝试将其填写到下拉列表中的表格中，以便整数值显示为可选数字。

 "data": [ { "pName": "201310"},
    { "pName": "201320" },
    {  "pName": "201330" }, ]
}

<form id="form">
<table id="roll">
<tr>
<td><select class="form-dropdown" id="pId" name="pName"></td>
</tr>
</table>
</form>

jquery加载选项是

 function fnLoadP() {
              alert("in");
              var id=3345
              $.ajax({
                  type: 'get'
                  , dataType: 'jason'
                  , url: " ./periodDDown?Id=" + id + "&"
                   , sucess: function (rdata) {
                    $.each(rdata.data, function (pName, value) {
                                        $("#pId").append($("<select></select>").val(value).html(pName));
                                    });
                                },
                  error: function (result) {
                      alert("error");
                  }
              });  
          };

我没有得到任何错误数据正在正确获取，如顶部的数组所示。问题在于成功功能，我尝试将数据与下拉列表绑定的方式存在一些问题。请让我知道如何解决它。谢谢

Answer 1

您必须像这样在下拉菜单中附加选项

$.each(rdata.data, function (pName, value) {
    $("#pId").append("<option value='"+value+"'>"+value+"</option>");
});