//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.js
java frame下拉复选框 java下拉框怎么做
转载文章标签 java frame下拉复选框 springmvc 下拉框 ajax 下拉框 数据 字符串 文章分类 Java 后端开发
-
复选框与下拉框的交互
晚上,QQ上的一位福建的网友问偶如何实现这样的效果:一个复选框,一个下拉框,当复选框
javascript function input 测试 qq -
Html:实现带复选框的下拉框(一)
项目中要用到可多选的下拉框(select),发现HTML中无此控件,故手动模拟实现一下。
html select 多选 复选框