Struts2, jquery, select二级联动

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1. 下载jquery.js文件放在webroot下js文件夹里

2. 配置struts.xml:

3. 写AjaxAction.java:

package net.nw.action;import org.apache.struts2.ServletActionContext;import com.opensymphony.xwork2.ActionSupport;public class AjaxAction extends ActionSupport{
private static final long serialVersionUID = 1L;
private int id;
private String result; public String execute() throws Exception{
if(id == 1){
result = "1:test1";
}else{
result = "1:a1";
} ServletActionContext.getResponse().getWriter().print(result);
return null;
} public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getResult() {
return result;
}
public void setResult(String result) {
this.result = result;
}
}

4. jsp前端显示:

<head> <base href="<%=basePath%>"> <title>My JSP 'login.jsp' starting page</title><meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css/button.css" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript">
function change(){
var id =$("#select1").val();
var url = "ajax.action";
var params = {
'id':id
};
$.post(url, params, callback);
}
function callback(result,textStatus){
if(textStatus == 'success'){
if(result != null){
var select2 = $("#select2");
select2.empty();
var tmp = result.split(":");
select2.append("<option value = '"+tmp[0]+"'>"+tmp[1]+"</option>");
}
}
}
</script>
</head>