濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > 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對(duì)接 荊州智能電銷機(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 : '請(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;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ù)的代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!

您可能感興趣的文章:
  • 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)問題,煩請(qǐng)?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)的同類信息!
  • 本頁(yè)收集關(guān)于bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    巴塘县| 平定县| 无棣县| 山阴县| 金寨县| 大庆市| 韶山市| 诏安县| 铁力市| 万荣县| 噶尔县| 巴东县| 祁连县| 招远市| 崇文区| 寿光市| 蒙自县| 赣州市| 隆子县| 分宜县| 柘城县| 秦皇岛市| 绥宁县| 长顺县| 山东| 峨山| 贵德县| 庄河市| 托克托县| 赣州市| 阿鲁科尔沁旗| 新建县| 灌南县| 玉环县| 兴隆县| 遵义市| 叶城县| 鸡西市| 九江市| 株洲县| 泸水县|