jquery - Bootstrap 选择下拉菜单变成动态的？

Question

这是我的静态 HTML:

<select name="codici_transazioni" class="selectpicker" id="codici_transazioni">
    <option value="dsjkcbs">dsjkcbs - <i>Email, Facebook</i></option>
    <option value="scgwfsd" selected class="normaleSelect">scgwfsd - <i>Facebook</i></option>
    <option value="stdstyd">stdstyd - <i>Twitter</i></option>
</select>

这是取自模态上下文的一段代码。我希望我的选择填充在 .php 文件上执行 Ajax 的结果，该文件从我的 MySQL 数据库返回结果。

现在，所有 Ajax 和 DB 部分都可以正常工作，但当我尝试填充此 <select> 时却无法正常工作。 Ajax成功后通过jQuery，结果和上面默认的一样!

这是我的 jQuery:

$('#codici_transazioni').html("");
for (var i = received.length - 1; i >= 0; i--) {
    <other DOM loading>
     $('#codici_transazioni').append("<option value=" + temp_code_transaction + "> " + temp_code_transaction + "- <i>" + temp_type_transaction+ "</i></option>");
}

我通过 Chrome 注意到(因此在加载页面后)，在选择后创建了一些 div。

我知道这是由 Bootstrap 完成的，但是在 Ajax 执行后如何重新加载此代码的创建以使选择下拉列表动态化？

Answer 1

如果您使用bootsrap-select在将新选项附加到选择后，您还应该运行refresh()方法

.done(function(data){
    'appending process'...
    $('#codici_transazioni').selectpicker('refresh');
})