struts2+jquery实现联动下拉框

最新推荐文章于 2024-09-20 15:32:13 发布

weixin_30656145

最新推荐文章于 2024-09-20 15:32:13 发布

阅读量41

点赞数

文章标签： java javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/sean-zou/archive/2012/08/08/3710117.html

版权

使用struts2+jquery实现了一个联动下拉框

jsp页面为（注意这里引入了jquery-1.6.js）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript">
function change(){   
	var pageid =$("#select1").val();
	var url = "ajaxRequest.action";
	var params = {
		'id':pageid
	};
	$.post(url, params, callback);
}
function callback(result,textStatus){
	var sel2 = $("#select2");
	sel2.empty();
	var tmp = result.split(":");
	sel2.append("<option value = '"+tmp[0]+"'>"+tmp[1]+"</option>");
}
</script>
</head>
<body>
	<s:select id="select1" list="#{1:'first',2:'second'}" key="id" value="value" 
			οnchange="change();" headerKey="" headerValue="--no select--"/>
	<s:select id="select2" list="#{1:'--no select--'}" key="id" value="value"/>
</body>
</html>

struts的配置文件为:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>
    <constant name="struts.devMode" value="true" />

    <package name="default" namespace="/" extends="struts-default">
        <action name="ajaxRequest" class="com.test.test" method="execute">
        </action>
    </package>
</struts>

后台处理为（这里当然可以改为通过dao层查询数据）：

package com.test;

import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class test 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;
	}
}

web.xml文件的配置和正常的struts2工程一样：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>	
	<filter>
		<filter-name>struts2</filter-name>
		<filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>
	</filter>
	<filter-mapping>
		<filter-name>struts2</filter-name>
		<url-pattern>*.action</url-pattern>
	</filter-mapping>
	<filter-mapping>
		<filter-name>struts2</filter-name>
		<url-pattern>*.jsp</url-pattern>
	</filter-mapping>
  
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

转载于:https://www.cnblogs.com/sean-zou/archive/2012/08/08/3710117.html