jsp实现下拉框联动(从数据库里取数据),那位有代码,谢谢?
如:下拉框1从数据库中提取出数据为a,b,c
当选择下拉框1时,如选择a,这里与相关的数据全部显示在下拉框b中
如:下拉框1从数据库中提取出数据为a,b,c
当选择下拉框1时,如选择a,这里与相关的数据全部显示在下拉框b中
解决方案 »
- 两个MAP MAP1=MAP2 map1是map2的引用吗?请教疑惑
- 关于数组的问题
- Hibernate DetachedCriteria查询的问题
- 还是乱码问题?
- 如何限制IE浏览器Back键功能
- 我的servlet问题
- 程序运行中的报错,但能实现其功能,请帮忙看一下,是什么原因造成的?
- 一个数据列表分页显示,总是显示第一页,无法显示“下一页”,pageNo传值的问题
- 有时jsp网页打不开,但不报错误,查看源代码发现HTML网页代码没有完全生成,但刷新一下就好了。这是什么原因,怎样解决?
- 再问Vector和Collection
- 关于applet与servlet通信时servlet返回给applet的数据格式问题(高分回报,在线等待)
- jsp 如何获得 select MULTIPLE 中的值
<%@ page language="java" pageEncoding="GB2312" %>
<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>教学信息反馈 >> 首页</title>
</head>
<body bgcolor="#FFFFFF">
<script language="javascript">
function change(){
var type;
type=document.Form.type.value;
if (type=="teacher")
window.location="index_addIdeas.jsp?type=teacher";
}
</script>
<center>::信息反馈申明::</center>
<br><font color="#000000">欢迎您对学校或院(系、部)的教学计划、教学内容、教学方法及手段、教学管理及条件(如教室、实验室等)、教学评价、教师队伍等教学和教学管理工作以及学生的听课、实验、实习、作业、考试及社会实践等学习状况及时提出意见和建议。我们将认真考虑您的意见,调整我们的工作,使学校的教学和教学管理工作做得更好。请将此反馈表交教学信息中心,我们将对您的个人信息严格保密。</font>
<br><br><br>
<form action="do_ideas.jsp" method="post" name="Form">
<TABLE width="900" align="center" border=1 brcolor=99ccff cellspacing="0" cellpadding="0" bordercolordark="#000000" bordercolorlight="#CCCC99">
<!--DWLayoutTable-->
<tr>
<td width=250 height=23 bgcolor=#CCCC99><font size=2>反馈对象:</font></td>
<td width=714>
<select name="type" size=1 onChange="change()">
<option value="admin">管理员</option>
<option <%if (request.getParameter("type")!=null) out.println("selected");%>value="teacher">老师</option>
</select>
</td>
</tr>
<%
String type;
if (request.getParameter("type")!=null){
type=request.getParameter("type");
if(type.equals("teacher"))
out.println("<tr><td width=193 height=18 bgcolor=#CCCC99><font size=2>教师名:</font></td><td width=714><input type=text name=teacherName></td><td width=65></tr>");
}
%>
<tr>
<td height="83" bgcolor="#CCCC99" width="250"><font size=2>情况反映及意见</font></td>
<td valign="top"><textarea name="caseText" cols="100" rows="5"></textarea></td>
</tr>
<tr><td height="83" bgcolor="#CCCC99" width="250"><font size=2> 措施及建议 :</font></td>
<td valign="top">
<textarea name="ideaText" cols="100" rows="5"></textarea></td>
</tr>
<tr>
<td height="23" colspan="2" valign="top"><CENTER>
<input type="submit" value="提交">
</CENTER></td>
</tr>
</table>
</form>
</body>
</html>
http://ajaxanywhere.sourceforge.net/index.html
不同的列表框写成不同的页面,然后……就是超cool的效果了!
看看这个效果:
http://ajaxanywhere.sweetdev-labs.org:8080/ajaxAnywhereDemo-1.0.1/locales3.jsp或者:
http://www.21class.com/kehu/form/HTMLPage1.htm
这里的无限级下拉框联动是最简单的。一个array,4行代码搞定!
它做好了一个封装的JS,你不用管他的具体实现,只要载入即可。
看看源文件吧,简单的不能再简单了。
目前我发现的,就这个最简单。
<td width="40%">
<select>
<%
try{
Connection con=j.getConnection();
Statement statement=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
String sql="select * from table";
ResultSet r=statement.executeQuery(sql);
while(r.next())
{
%>
<option value=<%=r.getString(1)%>><%=r.getString(1)%></option>
<%}
j.releaseConnection(con);
}catch(SQLException ee){out.print("数据库连接失败!");}%>
</select>
</td>
</form>
<%
try{
Connection con=j.getConnection();
Statement statement=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
String sql="select * from table";
ResultSet r=statement.executeQuery(sql);
while(r.next())
{
%>
<option value=<%=r.getString(1)%>><%=r.getString(1)%></option>
<%}
j.releaseConnection(con);
}catch(SQLException ee){out.print("数据库连接失败!");}%>
<%@ page import="java.sql.*"%>
<%@ page import="java.io.*"%>
<jsp:useBean id="user" class="com.conn_" scope="page"/>
<%
String las =request.getParameter("la");
String ars =request.getParameter("ar");
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function yjchang(){
document.form2.la.value=document.form1.la.value;
document.form2.submit();
}
</script>
</head>
<body>
<form action="xx_add.jsp" method=post name="form2">
<input type="hidden" name="la" id="la" value="<%=las%>">
<input type="hidden" name="ar" id="ar" value="<%=ars%>">
</form><form name="form1" method="post" action="xx_add_do.jsp">
<br>
<table width="80%" border="0" align="center" cellpadding="1" cellspacing="1" class="table1">
<tr>
<td width="16%" height="40" align="right">部门:</td>
<td height="40">
<select name="la" id="la" style="width:147" onChange="yjchang()">
<option></option>
<%
String la1=request.getParameter("la");
String la="";
ResultSet rs_la=null;
try{
rs_la=user.executeQuery("select branch_id,name from branch");
while(rs_la.next()){
la="";
if(rs_la.getString("branch_id").equals(la1)){
la="selected";
%>
<option value="<%=rs_la.getString("branch_id")%>" <%=la%>><%=rs_la.getString("name")%></option>
<%
}else{
la="";
%>
<option value="<%=rs_la.getString("branch_id")%>"><%=rs_la.getString("name")%></option>
<%}}
}catch( SQLException sqle ){}
catch( Exception e ){}
finally{
try{
user.getClose();
if (rs_la !=null){
rs_la.close();
rs_la=null;
}
}catch( SQLException sqle ){}
}
%>
</select>
</td>
<td height="40" align="right">员工:</td>
<td height="40">
<select name="ar" id="ar" style="width:147">
<option></option>
<%
if(las!=null){
String ar1=request.getParameter("ar");
String ar="";
ResultSet rs_area=null;
try{
rs_area=user.executeQuery("select ygid,name from hyj.area where branch_id='"+las+"'");
while(rs_area.next()){
ar="";
if(rs_area.getString("ygid").equals(ar1)){
ar="selected";
%>
<option value="<%=rs_area.getString("ygid")%>" <%=ar%>><%=rs_area.getString("name")%></option>
<%}else{%>
<option value="<%=rs_area.getString("ygid")%>"><%=rs_area.getString("name")%></option>
<%}}
}catch( SQLException sqle ){}
catch( Exception e ){}
finally{
try{
user.getClose();
if (rs_area !=null){
rs_area.close();
rs_area=null;
}
}catch( SQLException sqle ){}
}
%>
</select>
</td>
</tr>
<tr align="center">
<td height="40" colspan="4">
<input type="Submit" name="tj" value="提交" class="button">
<input type="reset" name="Submit" value="重置" class="button">
</td>
</tr>
</table>
</form>
</body>
</html>
http://www.51windows.net/data/?url=/data/files/file_651.asp