好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

主頁 > 知識(shí)庫 > bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼

bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼

熱門標(biāo)簽:銷售電銷機(jī)器人詐騙 廣西智能外呼系統(tǒng)多少錢 福建微碼電話機(jī)器人 提高電話機(jī)器人接通率 大學(xué)校門地圖標(biāo)注 平?jīng)龈叩碌貓D標(biāo)注商戶要收費(fèi)嗎 外呼系統(tǒng)api對接 荊州智能電銷機(jī)器人 地圖標(biāo)注與公司業(yè)務(wù)關(guān)系

效果圖展示:

實(shí)現(xiàn)方式:

前端代碼:

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 : '請選擇' ,  //默認(rèn)顯示內(nèi)容
      //placeholder:'請選擇',//默認(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中的請求路徑
        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;ilen;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>

后端實(shí)現(xiàn)代碼:

 /**
   * 動(dòng)態(tài)獲取下拉框內(nèi)容下拉框
   */
  @GetMapping("/select2")
  @ResponseBody
  public MapString,Object> selectDynamic()
  {
   MapString,Object> infoMap=new HashMap>();
   ListUsersModel> infoLists=new ArrayList>();
   System.out.println("開始選擇...");
   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;
  }

總結(jié)

以上所述是小編給大家介紹的bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

您可能感興趣的文章:
  • bootstrap select2插件用ajax來獲取和顯示數(shù)據(jù)的實(shí)例
  • 基于Bootstrap下拉框插件bootstrap-select使用方法詳解
  • bootstrap中selectpicker下拉框使用方法實(shí)例
  • bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法

標(biāo)簽:衡陽 婁底 內(nèi)江 黔東 邯鄲 德陽 樂山 海南

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼》,本文關(guān)鍵詞  bootstrap,select2,動(dòng)態(tài),從,后臺(tái),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼》相關(guān)的同類信息!
  • 本頁收集關(guān)于bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章