如何使用 jQuery 将动态数据添加到 selectpicker 上的选项？答案

【问题标题】：How to add dynamic data to options on selectpicker using jQuery?如何使用 jQuery 将动态数据添加到 selectpicker 上的选项？
【发布时间】：2019-04-02 10:57:47
【问题描述】：

我想使用 jquery 将动态数据添加到选择选择器的选项中。

<select class="selectpicker customSelectPic selectLocation" data-width="100%" data-live-search="true">
    <option value="1">Madurai</option>
    <option value="2">Chennai</option>
    <option value="3">Bangalore</option>
    <option value="4">Delhi</option>
    <option value="5">Kolkata</option>
</select>

我尝试使用附加功能

$.each(data,function(i,e){
   $(".selectLocation").append('<option value="1">'+e+'</option>');
});

但是，它没有正确渲染。帮我解决问题

【问题讨论】：

您的代码似乎工作正常：jsfiddle.net/xn1rqy56。您能否添加有关具体问题的更多详细信息。我还建议检查控制台是否有错误。
使用 selectPicker api。如果你不告诉它，它就不会知道你添加了什么
查看选择的答案：stackoverflow.com/questions/17730621/…

标签： jquery bootstrap-selectpicker

【解决方案1】：

$(".selectPicker").append('<option value="">'+dynamic data+'</option>');
$('.selectPicker').selectpicker('refresh');

【讨论】：