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

发布网友发布时间：2022-04-23 09:24

共2个回答

热心网友时间：2022-04-19 22:18

相应目录里（css和js文件夹），创建静态页面index.html，如下图所示：

第二步，在index.html页面中引入select2相关的css和js文件，并将jquery核心js引入，如下图所示：

第三步，在body标签内部插入一个div标签，然后在div标签内插入一个select标签并添加多个option，如下图所示：

第四步，在script标签内初始化调用select2()方法，直接利用select下拉框的id进行初始化，如下图所示：

第五步，直接选择浏览器进行预览，可以选择下拉框中的选项，如下图所示：

第六步，修改下拉框样式，输入选项中每个字符，可以搜索出包含这个字符的所有选项，如下图所示：

热心网友时间：2022-04-19 23:36

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