如何使用.each下拉菜单

时间:2017-07-30 13:06:38

标签: jquery ajax

我正在使用php / ajax来查询数据库,我想通过jQuery在下拉列表中显示这些记录。我有这个代码只显示一条记录。我尝试使用每个,但它显示了尽可能多的下降,因为有数据库记录显然是不正确的。我正在使用json。

    .done(function(data) {

        var dropdown = "<select class='form-control' name='n_category' id='n_category'>" +
            "<option value=''>Please Select</option>" +
            "<option value=''>" + data[0].cat_name + "</option>" +
            "</select>";
        $("#list_cats").append(dropdown);

    })

1 个答案:

答案 0 :(得分:1)

如果data.result[i].cat_name无效,请尝试使用item.cat_name

var dropdown ='';
.done(function(data) {
  $.each(data.result, function(i, item) {
       dropdown += "<option value=''>" + data.result[i].cat_name + "</option>";
  });​
  $("#list_cats").append( "<select class='form-control' name='n_category'>
      <option value=''>Please Select</option>"
      + dropdown
      + "</select>");
   })