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>

这是从模态上下文中获取的一段代码.我希望我的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(因此在加载页面后)在select之后创建了一些div.

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

Answer 1

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

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