我使用jQuery追加選擇與這些選擇類和ID
但是，當我使用這個類（form-control selectpicker），我的代碼確實不作業
選擇元素：
<select class="form-control selectpicker" data-live-search="true" id="lessonsDD">
</select>
jQuery Ajax ：
$(document).ready(function() {
$.ajax({
type: "POST",
url: "/LinksManager/GetLessons",
dataType: "json",
success: function(res) {
//console.log(res);
$.each(res, function(index, value) {
$("#lessonsDD").append('<option value=' value.id '>' value.lessonName '</option>');
});
}
});
});
但是當我洗掉課程時它起作用了！！
我該如何解決？
uj5u.com熱心網友回復：
<select class="form-control selectpicker" data-live-search="true" id="lessonsDD">
</select>
問題與selectpicker班級有關。從上面的代碼中，我假設您正在使用 bootstrap-select 包，對嗎？
從bootstrap-select官方檔案中我們可以看到，將selectpicker類添加到select元素中，它會自動初始化bootstrap-select。
由于select元素的options是動態添加的，添加select選項后，應該使用JavaScript方法呼叫bootstrap-select。
因此，請修改您的代碼如下：
$(document).ready(function() {
$.ajax({
type: "POST",
url: "/LinksManager/GetLessons",
dataType: "json",
success: function(res) {
//console.log(res);
$.each(res, function(index, value) {
$("#lessonsDD").append('<option value=' value.id '>' value.lessonName '</option>');
});
$('#lessonsDD').selectpicker();
}
});
});
結果如下（在Asp.net 5應用程式中測驗）：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/331726.html