该插件是基于layui的一个插件selectN.js,这里去掉了原有layui的东西,根据基本的使用需求做了些修改而改成的一个jquery插件。
简单使用
var catIns1 = $('#example-1').bootstrapSelectN({
data: catData,
});
设置空值项提示
var catIns2 = $('#example-2').bootstrapSelectN({
data: catData,
placeholder: ['设置一', '设置二', '设置三'],
});
设置宽度
可单个使用,也可使用数组形式。['120px', '190px', '200px']
var catIns3 = $('#example-3').bootstrapSelectN({
data: catData,
width: '190px', // 设置实际长度或者百分比长度,当form表单的class="form-horizontal"时可以使用col-*
});
表单中使用
var catIns4 = $('#example-4').linkageSelect({
data: catData,
width: 'col-md-3',
});
url地址获取json数据
var catIns5 = $('#example-5').bootstrapSelectN({
data: 'data_selectN_json.php',
});
指定已选中值
var catIns6 = $('#example-6').bootstrapSelectN({
data: catData,
selected: [6,10,11,20,21,22]
});