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

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

我没有得到任何错误数据被正确提取，如顶部的数组所示。问题是使用sucess函数我试图用下拉列表绑定数据的方式有一些问题。请让我知道如何解决它。谢谢

Answer 1

您必须在下拉列表中附加选项

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