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无法正常选择下拉框的值。