select2其他应用

1.select2提供了多种语言的支持实现国际化，默认select2为英文。

 

a.导入语言文件

/select2/i18n/zh-CN.js

 

注意该文件需要引入在select2.js文件的后面

 

b.配置语言选项，添加language参数

 $("#example").select2({
  language: "zh-CN", 
 });

 

2.select2支持bootstrap主题

 

  a.下载bootstrap主题文件，下面的附件中已经包含了该主题样式文件。

 

   b.引用主题

    $("#example").select2({
         theme: "bootstrap", 
     });

 

3.bootstrap的模态窗口中使用select2控件

 

 bootstrap dialog中使用select2，当在页面加载完的时候去加载select2控件，那么在dialog弹出窗口时，select2会失效。
dialog中使用select2，需要在dialog中的shown函数中加载select2控件
  shown.bs.modal是dialog 展现的时候触发事件。
  $("#testdialog").on('shown.bs.modal',function (e){
     $("#example").select2(

        {dropdownParent:$("#testdialog")}

      );
  }).modal('toggle');

注意：需要设置dropdownParent这个属性，不然dialog中的select无法正常选择下拉框的值。