如何利用Bootstrap样式生成可搜索下拉框

如何利用Bootstrap样式生成可搜索下拉框,第1张

相应目录里(css和js文件夹),创建静态页面indexhtml,如下图所示
第二步,在indexhtml页面中引入select2相关的css和js文件,并将jquery核心js引入,如下图所示:
第三步,在body标签内部插入一个div标签,然后在div标签内插入一个select标签并添加多个option,如下图所示:
第四步,在script标签内初始化调用select2()方法,直接利用select下拉框的id进行初始化,如下图所示:
第五步,直接选择浏览器进行预览,可以选择下拉框中的选项,如下图所示:
第六步,修改下拉框样式,输入选项中每个字符,可以搜索出包含这个字符的所有选项,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13398916.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-28
下一篇 2023-07-28

发表评论

登录后才能评论

评论列表(0条)

保存