首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

java 2个下拉框关联有关问题 请问高人

2012-03-07 
java2个下拉框关联问题请教高人有2个下拉框第一个里面有2个VALUE值(中国,美国)第2个下拉框想实现:当第一个

java 2个下拉框关联问题 请教高人
有2个下拉框 第一个里面有2个VALUE值(中国,美国) 第2个下拉框想实现:当第一个选中国的时候,出现选省;
  当第一个选美国的时候,出现选州。
  请高人指点。在同一个JSP页面,第二个下拉框怎么得到第一个选值情况!

[解决办法]
我来告诉你一个策略: 
1、用ajax来实现,那就很容易了,而且不用刷新。 
2、如果你不会用ajax,那么可以这样解决,首先:把商品种类取出来放在第一个下来菜单下,这没问题吧。然后:再把所有的商品读出来放在集合里(ArrayList),用javascript写一个方法,根据商品种类的选择再把集合里对应的商品放在第二个下拉菜单下。当然这种办法只能应付平时的练习,在真正的项目中不可取!
[解决办法]
能不能给一个简单的例子
谢谢
[解决办法]
思远?不会是思远的人吧
[解决办法]
楼上的朋友 能给个例子吗? 高手
[解决办法]
1.test.jsp(两个下拉框)
 
<%@ page language="java" contentType="text/html; charset=gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.jsp</title>
</head>

<script type="text/javascript">
function getResult(stateVal) {
   var url = "servlet/SelectCityServlet?state="+stateVal; 
   if (window.XMLHttpRequest) { 
  req = new XMLHttpRequest(); 
   }else if (window.ActiveXObject) { 
   req = new ActiveXObject("Microsoft.XMLHTTP"); 
   } 
   if(req){ 
   req.open("GET",url, true); 
   req.onreadystatechange = complete; 
   req.send(null); 
   } 

function complete(){
   if (req.readyState == 4) { 
   if (req.status == 200) { 
   var city = req.responseXML.getElementsByTagName("city"); 
   var str=new Array();
   for(var i=0;i<city.length;i++){
   str[i]=city[i].firstChild.data;
   }
   buildSelect(str,document.getElementById("city"));
   }
   }
}
function buildSelect(str,sel) {
   sel.options.length=0;
   for(var i=0;i<str.length;i++) {
   sel.options[sel.options.length]=new Option(str[i],str[i])
   }
}
</script>
<body>
<select name="state" onChange="getResult(this.value)">
   <option value="china">中国</option>
   <option value="usa">美国</option>
</select>
<select id="city">
   <option value=""></option>
</select>[code=JScript][/code]
</body>
</html>
 
----------------------
2.SelectCityServlet(servlet处理请求)


package com.stephen.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
public class SelectCityServlet extends HttpServlet {

public SelectCityServlet() {
super();
}

public void destroy() {
super.destroy();
}

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
 
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");

String state = request.getParameter("state");
StringBuffer sb = new StringBuffer("<state>");
if ("china".equals(state)) {


sb.append("<city>北京</city><city>上海</city>");
} else if ("usa".equals(state)) {
sb.append("<city>加利福尼亚</city><city>洛杉矶</city><city>波士顿</city>");
}
sb.append("</state>");
PrintWriter out = response.getWriter();
out.write(sb.toString());
out.close();
}
}

--------------------------------------
3.web.xml(配置servlet)


<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
xmlns="http://java.sun.com/xml/ns/j2ee" 
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">


<servlet> 
<servlet-name>SelectCityServlet</servlet-name> 
<servlet-class>com.stephen.servlet.SelectCityServlet</servlet-class> 
</servlet> 

<servlet-mapping> 
<servlet-name>SelectCityServlet</servlet-name> 
<url-pattern>/servlet/SelectCityServlet</url-pattern> 
</servlet-mapping> 

</web-app>

热点排行