<div class="form-group">
 <label class="font-noraml">動(dòng)態(tài)多選</label> 
 <select id="bsselect2id" name="bsselect2id" class="form-control select2-multiple" 
  type="text" multiple data-live-search="true" >
 </select>
</div>
 
.....
<script th:inline="javascript">
 var url = ctx + "demo/form/select2";
 console.log(url)
 $(function() {
  var selectedvalues = [];   
   $("#bsselect2id:selected").each(function(){ 
   selectedvalues.push($(this).val());  
   }); 
   
    $("#bsselect2id").selectpicker({
      noneselectedtext : '請(qǐng)選擇' ,  //默認(rèn)顯示內(nèi)容
      //placeholder:'請(qǐng)選擇',//默認(rèn)文字提示
      // {#tags: true,//允許手動(dòng)添加 #}
      allowclear: true,//允許清空
    });
    loadnetdatas2();
    loadnetdatabs2();  //執(zhí)行此函數(shù)，從后臺(tái)獲取數(shù)據(jù)，拼接成option標(biāo)簽，添加到select的里面
    
    //初始化刷新數(shù)據(jù)
    $(window).on('load', function() {
     $('#bsselect2id').selectpicker('val', ''); 
      $('#bsselect2id').selectpicker('refresh');
    });
 
  });
 //var category = $.trim($('#select2id option:selected').val());
 function loadnetdatabs2(){
      $.ajax({
        url : url,  //后臺(tái)controller中的請(qǐng)求路徑
        type : 'get',
        async : false,
        datatype : 'json',
        success : function(results) {
          if(results){
           var jsondata=results.data;
           //console.log(jsondata)
            var netnames =[];
            console.log(jsondata.length)
            for(var i=0,len=jsondata.length;i<len;i++){
              var netdata = jsondata[i];
              console.log(netdata)
 　　　　　　　　　　　　　　　//拼接成多個(gè)<option><option/>
 　　　　　　　　　　　　　　　netnames.push('<option value="'+netdata.userid+'">'
      +netdata.username+'</option>') 
            }
            $("#bsselect2id").html(netnames.join(''));  
            //根據(jù)netid(根據(jù)你自己的id寫)填充到select標(biāo)簽中
            $('#bsselect2id').selectpicker('val', ''); 
            $('#bsselect2id').selectpicker('refresh');  
          }
        },
        error : function() {
          alert('查詢出錯(cuò)');
        }
      });
    };
 </script>

 /**
   * 動(dòng)態(tài)獲取下拉框內(nèi)容下拉框
   */
  @getmapping("/select2")
  @responsebody
  public map<string,object> selectdynamic()
  {
   map<string,object> infomap=new hashmap<>();
   list<usersmodel> infolists=new arraylist<>();
   system.out.println("開(kāi)始選擇...");
   for(userformmodel user:users) {
   usersmodel usermodel=new usersmodel();
   usermodel.setuserid(user.getuserid());
   usermodel.setusername(user.getusername());
   infolists.add(usermodel);
   }
   infomap.put("data", infolists);
   return infomap;
  }