1、原生select初始化
var instance1 = $('#select1').selectBox({
change: change
});
2、dd初始化
var instance2 = $('#select2').selectBox({
change: change
});
3、js初始化
var instance3 = $('#select3').selectBox({
change: change,
options: [
{text: '测试3-1', id: '1'},
{text: '测试3-2', id: '2'},
{text: '测试3-3', id: '3'}
]
});
4、js初始化,combobox,箭头切换
var instance4 = $('#select4').selectBox({
change: change,
toggleArrow: true,
combo: true,
options: [
{text: '测试4-1 长文本测试 长文本测试 长文本测试', id: '1'},
{text: '测试4-2', id: '2'},
{text: '测试4-3', id: '3'}
]
});
5、原生select初始化,带分组
var instance5 = $('#select5').selectBox({
change: change
});
6、dd初始化,带分组
- 测试2-1
- 测试2-2
- 测试2-3
- 测试21-1
- 测试21-2
- 测试21-3
var instance6 = $('#select6').selectBox({
change: change
});
7、js初始化,带分组
var instance7 = $('#select7').selectBox({
change: change,
options: [
{
label:'分组1',
options:[
{text: '测试3-1', id: '1'},
{text: '测试3-2', id: '2'},
{text: '测试3-3', id: '3'}
]
},
{
label:'分组31',
options:[
{text: '测试31-1', id: '31-1'},
{text: '测试31-2', id: '31-2'},
{text: '测试31-3', id: '31-3'}
]
}
]
});
8、js初始化,combobox,箭头切换,带分组
var instance8 = $('#select8').selectBox({
change: change,
toggleArrow: true,
combo: true,
options: [
{
label:'分组1',
options:[
{text: '测试4-1', id: '1'},
{text: '测试4-2', id: '2'},
{text: '测试4-3', id: '3'}
]
},
{
label:'分组31',
options:[
{text: '测试41-1', id: '41-1'},
{text: '测试41-2', id: '41-2'},
{text: '测试41-3', id: '41-3'}
]
}
]
});