婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

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

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

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

效果圖展示:

實現(xiàn)方式:

前端代碼:

div class="form-group">
 label class="font-noraml">動態(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 : '請選擇' ,  //默認顯示內(nèi)容
      //placeholder:'請選擇',//默認文字提示
      // {#tags: true,//允許手動添加 #}
      allowClear: true,//允許清空
    });
    loadnetdatas2();
    loadnetdatabs2();  //執(zhí)行此函數(shù),從后臺獲取數(shù)據(jù),拼接成option標簽,添加到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,  //后臺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)
                //拼接成多個option>option/>
                netnames.push('option value="'+netdata.userId+'">'
      +netdata.userName+'/option>') 
            }
            $("#bsselect2ID").html(netnames.join(''));  
            //根據(jù)netID(根據(jù)你自己的ID寫)填充到select標簽中
            $('#bsselect2ID').selectpicker('val', ''); 
            $('#bsselect2ID').selectpicker('refresh');  
          }
        },
        error : function() {
          alert('查詢出錯');
        }
      });
    };
 /script>

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

 /**
   * 動態(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;
  }

總結

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

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

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

巨人網(wǎng)絡通訊聲明:本文標題《bootstrap select2 動態(tài)從后臺Ajax動態(tài)獲取數(shù)據(jù)的代碼》,本文關鍵詞  bootstrap,select2,動態(tài),從,后臺,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《bootstrap select2 動態(tài)從后臺Ajax動態(tài)獲取數(shù)據(jù)的代碼》相關的同類信息!
  • 本頁收集關于bootstrap select2 動態(tài)從后臺Ajax動態(tài)獲取數(shù)據(jù)的代碼的相關信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 台南市| 泽库县| 象州县| 广昌县| 荣昌县| 商丘市| 灵宝市| 子洲县| 景洪市| 织金县| 长宁县| 萍乡市| 榆林市| 临湘市| 沈丘县| 黄浦区| 土默特左旗| 肇庆市| 吉水县| 左贡县| 吉林省| 青阳县| 防城港市| 开远市| 呼玛县| 通州市| 阜平县| 黄骅市| 涿州市| 互助| 和平县| 马尔康县| 左贡县| 天镇县| 长葛市| 廉江市| 南华县| 云阳县| 定陶县| 新化县| 翼城县|