bootstrap-select 通过拼音搜索汉字下拉框方法

最新推荐文章于 2025-09-14 08:12:13 发布

原创最新推荐文章于 2025-09-14 08:12:13 发布 · 7k 阅读

6 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种通过在option元素中添加data-tokens属性来增强Selectpicker插件功能的方法。具体示例展示了如何设置该属性以支持多种搜索关键词。

其实就是在 option 中添加 data-tokens 参数就可以实现这个功能了

    <select id="tokens" class="selectpicker form-control" multiple data-live-search="true">
      <option data-tokens="橘子|juzi|jz">橘子</option>
      <option data-tokens="苹果|pingguo|pg">苹果</option>
      <option data-tokens="西瓜|xigua|xg">西瓜</option>
	   <option data-tokens="咖啡|kafei|kf">咖啡</option>
    </select>

demo实例点击打开链接下载实例