Bootstrap 下拉框带搜索组件

Bootstrap 下拉框带搜索组件

html代码
data-live-search=“true” 属性必加

    

    

        
            用户名称：
            
            
        
    

js代码

 $(function () {
 		//初始化select
        $("#userName").selectpicker({
            'selectedText': 'cat'
        });
    })

查询出所有用户绑定到select下的option

    $.ajax({
        url:'/system/user/listUser.json',
        type:'get',
        dataType:'json',
        success:function(d){
            if(d.state=="success"){
                var html ="";
                $.each(d.date,function (i,v) {
                    html+=''+v.chineseName+''
                })
                $("#smsUserForm [name=name]").html(html);
                //重新加载一遍select
                $("#smsUserForm [name=name]").selectpicker('refresh');
                
            }
        }
    })

运行效果：