这里有新鲜出炉的 jQuery 示例, 程序狗速度看过来!
jQuery javascript 框架
jQuery 是一个兼容多浏览器的 javascript 框架, 核心理念是 write less,do more(写得更少, 做得更多).jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布, 吸引了来自世界各地的众多 JavaScript 高手加入, 由 Dave Methvin 率领团队进行开发.
这篇文章主要为大家详细介绍了 SSH 结合 jquery 实现三级联动效果, 具有一定的参考价值, 感兴趣的小伙伴们可以参考一下
jsp 页面部分:
<li id="floors">
<span class="title" id="floorShow"> 选择楼栋:</span>
<select name="build" id="build" onchange="floor2()">
</select>
</li>
<li id="builds">
<span class="title" id="floorShow"> 选择住房:</span>
<select name="builds" id="floot2" >
</select>
</li>
js 部分:
function floor() {
document.getElementById("build").options.length = 0;
document.getElementById("floot2").options.length = 0;
var parentId = document.getElementById("village").value;
if (parentId == 0) {} else {
$.ajax({
type: "post",
url: "floor.action",
data: {
"parentId": parentId
},
dataType: "json",
success: function(data) {
console.log(data);
var len = data.length;
var htm = "<option value='0'> 请选择 </option>";
for (var i = 0; i < len; i++) {
htm += "<option value='" + data[i].id + "'>" + data[i].info + "</option>";
}
$("#build").append(htm);
}
})
}
}
function floor2() {
document.getElementById("floot2").options.length = 0;
var build = document.getElementById("build").value;
if (build == 0) {} else {
$.ajax({
type: "post",
url: "floor2.action",
data: {
"parentId": build
},
dataType: "json",
success: function(data) {
var len = data.length;
var htm = "<option value='0'> 请选择 </option>";
for (var i = 0; i < len; i++) {
htm += "<option value='" + data[i].id + "'>" + data[i].info + "</option>";
}
$("#floot2").append(htm);
}
})
}
}
struts2 配置部分:
<package name="user" namespace="/" extends="json-default">
<action name="floor" class="addressInfoAction" method="floor">
<result type="json">
<param name="root">floor</param>
</result>
</action>
<action name="floor2" class="addressInfoAction" method="floor2">
<result type="json">
<param name="root">floor2</param>
</result>
</action>
</package>
action 部分:
public String floor() {
System.out.println("这里是 ajax 调用");
//floor = addressInfoService.getFloor(addressInfo.getParentId());
System.out.println(addressInfo.getParentId());
floor = addressInfoService.getFloor(addressInfo.getParentId());
return SUCCESS;
}
public String floor2() {
System.out.println("这里是 ajax 的第二次调用");
System.out.println(addressInfo.getParentId());
floor2 = addressInfoService.getBuild(addressInfo.getParentId());
return SUCCESS;
}
最后, 一定不要忘记导入 struts2-json-plugin-2.3.15.1.jar 这个夹包的版本也要和 struts2 的其他的夹包的版本一致.
来源: http://www.phperz.com/article/18/0129/358885.html