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