隐藏引导程序选择下拉菜单选项,仅显示实时搜索结果?

时间:2018-08-03 06:28:10

标签: jquery bootstrap-4 bootstrap-select

我正在使用bootstrap-select插件,也正在使用data-live-search="true"进行实时搜索。 我的options中有超过100个select,并且我不想在下拉列表中全部显示。

<select data-live-search="true" id="SupplierName" class="selectpicker" data-size="7" data-style="btn btn-sm" title="Choose Name">
<option disabled selected>Select Supplier</option>
<option value="Acme Corporation">Acme Corporation</option>
<option value="Globex Corporation">Globex Corporation</option>
<option value="Soylent Corp">Soylent Corp</option>
<option value="Bluth Company">Bluth Company</option>
<option value="Umbrella Corporation">Umbrella Corporation</option>
<option value="Wonka Industries">Wonka Industries</option>
<option value="Stark Industries">Stark Industries</option>
<option value="Gekko & Co">Gekko & Co</option>
<option value="Wayne Enterprises">Wayne Enterprises</option>
<option value="Genco Pura Olive Oil Company">Genco Pura Oil Company</option>
<option value="Sterling Cooper">Sterling Cooper</option>
</select>

我想默认隐藏所有选项,只显示实时搜索结果。

0 个答案:

没有答案