该插件是基于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] });