1、原生select初始化
var instance1 = $('#select1').selectBox({
    change: change
});
2、dd初始化
测试2-1
测试2-2
测试2-3
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'}
            ]
        }
    ]
});
朴人博客 简洁Metro风格jQuery下拉框插件分享