bootstrap-select动态级联多选下拉框

1、引用css/js

2、html

	编码
	

		
	    
    


	用户
	

		
		
	
		

3、js 通过ajax获取编码，通过选择编码加载用户，用户可以多选

$.ajax({
          method:"post",
          url: '/list',
          dataType : "jsonp",
          async:true,
          success:function (result) {
          	 var str='--请选择--';
             for (var i = 0; i < result.length; i++) {
               str+=''+result[i].codename+'';                     
            } 
            $("#addCom").html(str);      
          }
    });
    
    $("#addComcode").change(function(){
    	var code = $("#addCom").val();
    	$.ajax({
	          method:"post",
	          url: '/userList',
	          data:{
	          	code: code
	          },
	          success:function (res) {
	          	 var str="";
	             for (var i = 0; i < res.length; i++) {
	               str+=''+res[i].username+'';
	            } 
	            $("#addUser").html(str);
	            $('#addUser').selectpicker('refresh');
	          }
	    });
    });

第一个select通过ajax获取数据，第二个select通过第一select的change事件加载数据

注意：$('#addUser').selectpicker('refresh');这一句必须加，不然第二个数据显示不出来