Jquery 如何将数据绑定到引导选择
json数据:Jquery 如何将数据绑定到引导选择,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,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 <
["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>');
}
for(var i=0;i
问题是
下拉列表中未填充数据
代码似乎工作正常
var jsonData=[“字符串1”、“字符串2”、“测试07”、“这里是测试”];
对于(var i=0;i
选择位置
解决问题后,解决方案是:
var jsonData = JSON.stringify(data);
$.each(JSON.parse(jsonData), function (idx, obj) {
$("#ddl_location").append('<option value="' + obj.id + '">' + obj.location + '</option>').selectpicker('refresh');
});
var jsonData=JSON.stringify(数据);
$.each(JSON.parse(jsonData)、函数(idx、obj){
$(“#ddl_位置”)。追加(“”+obj.location+“”)。选择选择器('refresh');
});
步骤1:字符串化接收对象步骤2:使用每个函数而不是for循环
步骤3:使用
JSON.parse(jsonData)
步骤4:每次使用
.selectpicker('refresh')将数据追加到下拉列表时,都要刷新下拉列表。
记住追加$select.append(data).selectpicker('refresh');当您没有在下拉列表中获得数据填充时,您面临的问题是什么?在下拉列表选项中没有填充数据您是否定义了变量jsonData
?是的。var jsonData=JSON.stringify(数据)如果您以前调用过stringify,您可能需要调用JSON.parse
。你能分享object数据的结构吗?你没有添加任何东西!你只是复制cod?我定义了变量,它正在工作。只要运行代码,看看这是否是您想要的。如果要重置所有选项,请使用.html()而不是.append()