联动插件 bootstrap-selectN

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