java 2个下拉框关联有关问题 请问高人
日期：2014-05-18 浏览次数：20687 次
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&qu
有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&qu
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
