麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發(fā) > AJAX > 正文

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

2024-09-01 08:26:08
字體:
供稿:網(wǎng)友

效果圖展示:

實現(xiàn)方式:

前端代碼:

<div class="form-group"> <label class="font-noraml">動態(tài)多選</label>  <select  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,//允許手動添加 #}      allowClear: true,//允許清空    });    loadnetdatas2();    loadnetdatabs2();  //執(zhí)行此函數(shù),從后臺獲取數(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,  //后臺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;i<len;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標(biāo)簽中            $('#bsselect2ID').selectpicker('val', '');             $('#bsselect2ID').selectpicker('refresh');            }        },        error : function() {          alert('查詢出錯');        }      });    }; </script>

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

 /**   * 動態(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("開始選擇...");   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 動態(tài)從后臺Ajax動態(tài)獲取數(shù)據(jù)的代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)之家網(wǎng)站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 欧美精品久久久久久久久久 | 欧美黑人伦理 | 国产精品久久久久av | 成年人网站视频免费 | 国产中文av在线 | 蜜桃91丨九色丨蝌蚪91桃色 | 亚洲视频精品在线 | 黄色淫片| www久| 久久久精品视频国产 | 国产精品成人久久久久a级 av电影在线免费 | 欧美成人黄色小视频 | 毛片视| 久久久综 | 一区二区三区黄色 | 国产羞羞视频在线观看 | 91专区在线观看 | 国产精品久久久久久久四虎电影 | 澳门一级淫片免费视频 | 99精品视频免费看 | 精品国产一区二区三区在线观看 | 成人午夜一区二区 | 欧美黄色大片免费观看 | 亚洲一区二区免费 | 快播av在线| 免费99热在线观看 | 国产手机国产手机在线 | 毛片在线免费观看网址 | 欧美14一15sex性hd | 黄色av网站在线观看 | 免费毛片a线观看 | 欧美激情性色生活片在线观看 | 久久精品9| 亚欧在线免费观看 | 国产欧美在线一区二区三区 | 爱操在线 | 在线a亚洲视频播放在线观看 | 4399一级成人毛片 | 国产一国产一级毛片视频 | 亚洲一区二区三区在线免费观看 | 久久精品一二三区 |