如何使用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>');
});

但是，它不能正确渲染。帮我解决问题

Answer 1

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