Struts2, jquery, select二级联动
2016-02-17 10:09
597 查看
1. 下载jquery.js文件放在webroot下js文件夹里
2. 配置struts.xml:
3. 写AjaxAction.java:
4. jsp前端显示:
2. 配置struts.xml:
<package name="default" namespace="/" extends="struts-default"> <action name="ajaxRequest" class="net.nw.action.AjaxAction" method="execute"> </action>
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>
<body> 下拉框1:<s:select id="select1" list="#{1:'first',2:'second'}" onchange="change();" headerKey="-1" headerValue="--no select--"/> 下拉框2: <s:select id="select2" list="#{1:'--no select--'}"/> </body>
相关文章推荐
- jquery.validate+jquery.form提交的三种方式
- jquery validate 接收返回json
- jquery实现html中单选按钮的切换选中
- 实例讲解jquery中mouseleave和mouseout的区别
- jquery无法找到其他父级子集解决方法
- Jquery validate之remote用法
- jQuery实例-记住登录信息
- jQuery插件 -- Cookie插件jquery.cookie.js(转)
- 使用jQuery判断Div是否在可视区域的方法 判断div是否可见
- 共有21款 jQuery 树形控件开源软件,第1页
- 使用jQuery判断Div是否在可视区域的方法 判断div是否可见
- 实例讲解jquery中mouseleave和mouseout的区别
- Jquery操作table
- jquery 选择器总结
- Jquery选择checkbox和Radio
- jquery.form.js上传报错$.handleError
- jquery on()方法和bind()方法的区别
- jQuery方法返回jQuery对象还是DOM对象
- Jquery前端封装--DOM的向下兼容和浏览器的检测
- JQuery Mobile入门——外部页面链接