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

Question

我想使用 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>');
});

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

标签： jquerybootstrap-selectpicker

Answer 1

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