jquery - 如何将数据绑定(bind)到 Bootstrap 选择

Question

json数据:

["string 1","string 2","test 07 ","here is test"]

这是 html

  <select class="selectpicker" id="ddl_location">
    <option select="selected">Select Location </option>
  </select>

这是 JQuery 代码

 for (var i = 0; i < jsonData.length; i++) {
     $("#ddl_location").append('<option value="' + jsonData[i] + '">' + jsonData[i] + '</option>');
      }

问题是

data is not populated in drop-down list

Answer 1

解决该问题后，解决方案是:

 var jsonData = JSON.stringify(data);
     $.each(JSON.parse(jsonData), function (idx, obj) {
        $("#ddl_location").append('<option value="' + obj.id + '">' + obj.location + '</option>').selectpicker('refresh');
     });

第 1 步:对接收到的对象进行字符串化
步骤2:使用每个函数而不是for循环
步骤 3:使用 JSON.parse(jsonData )
解析数据 步骤 4:每次使用 .selectpicker('refresh') 向下拉列表添加数据时刷新下拉列表