本文介绍如何通过Bootstrap的SelectPicker插件增强HTML的Select元素功能，实现搜索选择效果。通过引入必要的JS和CSS文件，并在Select标签中添加特定类及属性，即可启用实时搜索功能。
css:
<link rel="stylesheet" href="/spgw/css/bootstrap.min.css">
<link rel="stylesheet" href="/spgw/css/bootstrap-select.min.css">
js:
<script src="/spgw/libs/jquery.min.js"></script>
<script src="/spgw/libs/bootstrap.min.js"></script> <script src="/spgw/libs/bootstrap-select.min.js"></script>
引入必要文件后在html页面 select标签加入 class：selectpicker ， data-live-search=“ture” 即可。
<select id="productSystem" name="psid" class="form-control single-chosen selectpicker" data-live-search="true"> </select>
扫一扫
2729
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
