Insert title here

//ajax+select三種常用交互方式

window.οnlοad=function(){

test();

}

function test(){

alert("執行");

var start = 0;

var size=100;

var headNo = "111111";

$.ajax({

type : "post",

url : "/ssm_pms/admin_group/list", //此次url改為真正需要的url

data : {"headNo":headNo,

"start":start,

"size":size

},

dataType : 'json',

success : function(data) {

loadData(data.hotelChainList);

},error:function(){

alert("error");

}

});

var loadData=function(list){

for (var i = 0; i < list.length; i++) {

$("#hotelNo").append(""+list[i].hotels[0].hotelName+"")

}

}

/* $.ajax({

type : "post",

url : "/ssm_pms/admin_group/list", //此次url改為真正需要的url

data : {"headNo":headNo,

"start":start,

"size":size

},

dataType : 'json',

success : function(data) {

$.each(data.hotelChainList, function(index, item) {

$("#hotelNo").append( //此處向select中循環綁定數據

"" + item.hotels[0].hotelName+ "");

});

},

}); */

/* $.ajax({

type : "post",

url :"/ssm_pms/admin_group/list", //此次url改為真正需要的url

data : {"headNo":headNo,

"start":start,

"size":size

},

dataType : 'json',

success : function(data) {

alert(data.returnMsg);

var list = data.hotelChainList;

for (var i = 0; i < list.length; i++) {

alert(list[i].hotels[0].hotelNo)

$("#hotelNo").append(""+list[i].hotels[0].hotelName+"")

}

},error:function(){

alert("error");

}

}); */

}

請選擇酒店

上述三種方式，本人親試有效，這個是比較常用的，特別是前后端交互，就拿酒店管理系統而言，部門員工等就涉及到下拉框聯動，當然還有很多應用場景。

后臺代碼為Java代碼，SpringMVC，這是web層框架，也是現在比較常用的，非常有名的。

SpringMVC代碼為:

/**

* 查詢集團下酒店店長信息及其角色信息

* @param start

* @param size

* @param headNo

* @param map

* @return

*/

@PostMapping(value="managerList",produces="application/json;charset=utf-8")

@ResponseBody

public String managerList(Integer start,Integer size,String headNo,Map map) {

//角色編號為3 店長

String roleNo="3";

map.put("headNo", headNo);

map.put("roleNo", roleNo);

map.put("start", start);

map.put("size", size);

//調用查詢集團下酒店店長信息及其角色信息集合方法

List hotelChainList = hotelChainService.selectManagerInfoList(map);

int lines = hotelChainService.selectManagerCount(map);

//調用查詢集團下酒店店長信息及其角色信息總數方法

Map returnMap = new HashMap();

//根據判斷結果返回不同結果集

if(lines!=0 && hotelChainList.size()!=0) {

returnMap.put("hotelChainList", hotelChainList);

returnMap.put("lines", lines);

returnMap.put("returnCode", "000000");

returnMap.put("returnMsg", "獲取到數據");

}else {

returnMap.put("returnCode", "111111");

returnMap.put("returnMsg", "沒有獲取到數據");

}

return JSON.toJSONString(returnMap);

}

非常實用的select下拉框-Select2&period;js

在Web開發中,Select下拉框是常用的輸入組件.由于原生的Select幾乎很難通過CSS樣式控制.一些好看的Select下拉框就只能通過模擬來實現.PHP程序員雷雪松給大家推薦一筐款不錯的Sele ...

在element-ui的select下拉框加上滾動加載

在項目中,我們需要運用到很多來自后端返回的數據.有時是上百條,有時甚至上千條.如果加上后端的多表查詢或者數據量過大,這就導致在前端的顯示就會及其慢,特別是在網絡不好的時候更是如此. 自然,后端就做了一 ...

select下拉框之默認選項清空

最近和小伙伴發現,select默認選項一般是提示信息,怎么才能讓當我們點擊下拉框時,可選的選項中沒有默認的提示信息呢? 思路: 1.當點擊下拉框時,讓默認提示信息,即下拉框第一個選項移除. 2.當沒有 ...

帶搜索框的select下拉框

利用select2制作帶有搜索功能的select下拉框 1.引入線上css和js