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

Binding selectable options to drop down list

本文关键字：下拉列表 绑定 选项      更新时间：2023-09-26

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

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

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

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

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