我正在使用 bootstrap-multiselect ( https://github.com/davidstutz/bootstrap-multiselect ) 并希望動態加載類似于bootstrap multiselect search get value from database的資料,但在初始啟動時沒有可用的選項值,然后默認情況下不顯示搜索下拉選單。如果沒有可用選項,我如何仍然打開/顯示搜索下拉選單?這是一個小提琴:https ://jsfiddle.net/mwd4ag3h/
html:
<select id="example-getting-started" multiple="multiple"></select>
js:
$('#example-getting-started').multiselect({
enableFiltering: true,
includeFilterClearBtn: true,
enableCaseInsensitiveFiltering: true
});
/* Here you have a search field */
var data_loader = [
{ label: "Dashboard", value: 1 },
{ label: "Email", value: 2 }
];
/* Here you don't have a search field */
var data_loader_empty = [];
$('#example-getting-started').multiselect('dataprovider', data_loader_empty);
uj5u.com熱心網友回復:
一種可能的解決方案是向多選添加一個元素,然后隱藏串列項
let $select = $('#example-getting-started').multiselect({
//includeSelectAllOption: false,
enableFiltering: true,
includeFilterClearBtn: true,
enableCaseInsensitiveFiltering: true
});
var data_loader = [{label:'', value:''}];
$('#example-getting-started').multiselect('dataprovider', data_loader);
$('.multiselect-container li').hide();
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/491650.html
標籤:javascript jQuery 推特引导 多选 引导多选
