想使用Select2组件必须引用:select2.min.css和select2.min.js两个文件:如下:

BootStrap Select2组件

页面写法很简单:

BootStrap Select2组件

 

 在这里多选是没有搜索功能的,只有单选的时候才会有搜索功能。

Select2的数据源最起码得有Id和text两个字段

BootStrap Select2组件

下面就是Select2的数据处理了:

BootStrap Select2组件

这里的item的数据为:

 BootStrap Select2组件

效果如下:

 

 BootStrap Select2组件

BootStrap Select2组件

当Select2与模态框一起使用的时候,把模态框的tabindex="-1"属性去掉,不然select2会出问题。

 

相关文章:

  • 2021-09-22
  • 2021-10-19
  • 2021-06-30
  • 2022-12-23
  • 2021-12-11
  • 2021-12-06
  • 2021-11-25
猜你喜欢
  • 2021-04-03
  • 2022-12-23
  • 2021-05-24
  • 2022-12-23
  • 2021-08-24
  • 2021-11-21
相关资源
相似解决方案