开发学院 WEB开发 Jsp 在一个jsp页面实现二级下拉框联动，实时读取数据库... 阅读

在一个jsp页面实现二级下拉框联动，实时读取数据库数据

　2007-04-27 16:34:01　来源：WEB开发网　闂傚倸鍊搁崐椋庢濮橆兗缂氱憸宥堢亱闂佸湱铏庨崰鏍不椤栫偞鐓ラ柣鏇炲€圭€氾拷

闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鎻掔€梺姹囧灩閻忔艾鐣烽弻銉︾厵闁规鍠栭。濂告煕鎼达紕校闁靛洤瀚伴獮鎺楀箣濠靛啫浜鹃柣銏⑶圭壕濠氭煙閻愵剚鐏辨俊鎻掔墛缁绘盯宕卞Δ鍐冣剝绻涘畝濠佺敖缂佽鲸鎹囧畷鎺戭潩閹典焦鐎搁梻浣烘嚀閸ゆ牠骞忛敓锟�

婵犵數濮烽弫鍛婃叏椤撱垹绠柛鎰靛枛瀹告繃銇勯幘瀵哥畼闁硅娲熷缁樼瑹閳ь剙岣胯鐓ら柕鍫濇偪濞差亜惟闁宠桨鑳堕崝锕€顪冮妶鍡楃瑐闁煎啿鐖奸崺濠囧即閵忥紕鍘梺鎼炲劗閺呮稒绂掕缁辨帗娼忛埡浣锋闂佽桨鐒﹂幑鍥极閹剧粯鏅搁柨鐕傛嫹闂傚倸鍊搁崐椋庢濮橆兗缂氱憸宥堢亱闂佸湱铏庨崰鏍不椤栫偞鐓ラ柣鏇炲€圭€氾拷　　闂傚倸鍊搁崐鐑芥嚄閼哥數浠氱紓鍌欒兌缁垶銆冮崨鏉戠厺鐎广儱顦崡鎶芥煏韫囨洖校闁诲寒鍓熷铏圭磼濡搫顫岄梺璇茬箲濮樸劑鍩€椤掍礁鍤柛鎾跺枎椤繐煤椤忓嫬鐎銈嗘礀閹冲酣宕滄导瀛樷拺闂侇偆鍋涢懟顖涙櫠椤斿墽纾煎璺猴功缁夎櫣鈧鍠栭…閿嬩繆濮濆矈妲烽梺绋款儐閹瑰洤螞閸愩劉妲堟繛鍡楃箲濞堟﹢姊绘担椋庝覆缂傚秮鍋撴繛瀛樼矤閸撶喖宕洪埀顒併亜閹烘垵鈧綊寮抽鍕厱閻庯綆浜烽煬顒傗偓瑙勬磻閸楀啿顕ｉ崐鐕佹Ь闂佸搫妫寸粻鎾诲蓟閵娾晜鍋嗛柛灞剧☉椤忥拷

核心提示：在一个jsp页面实现二级下拉框联动，实时读取数据库数据，在一个jsp页面实现二级下拉框联动，实时读取数据库数据，这个方法非常使用，只需要修改很小的地方就可以使用，再将一开始的包更换一下，已经sql语句改下就可以了，设计的文件，serch.jsp

在一个jsp页面实现二级下拉框联动，实时读取数据库数据，这个方法非常使用，只需要修改很小的地方就可以使用。设计的文件，serch.jsp，main.js，bytetostr.js，

先讲一下main.js，这是javascript，其中注意修改jsp页面名称。

function findObject(fName,initValue)...{
　 var xmlhttp = new ActiveXObject("Microsoft.xmlhttp");
　 xmlhttp.open("POST","searchmx.jsp?findObject="+fName+"&initValue="+initValue,false);//注意修改jsp页面
　 xmlhttp.send();
　 document.getElementById(fName).innerHTML=bytes2BSTR(xmlhttp.responsebody); //bytes2BSTR函数在bytetostr.js中
}

其次为bytetostr.js，这是vbscript，这个不需要修改任何内容，他的主要功能就是读取数据转换字符串用的。

Function bytes2BSTR(vIn)
dim i
strReturn = ""
For i = 1 To LenB(vIn)
ThisCharCode = AscB(MidB(vIn,i,1))
If ThisCharCode < &H80 Then
strReturn = strReturn & Chr(ThisCharCode)
Else
NextCharCode = AscB(MidB(vIn,i+1,1))
strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))
i = i + 1
End If
Next
bytes2BSTR = strReturn
End Function

接下来就是serch.jsp页面，只需要修改div中的id为你想要的名字，再将一开始的包更换一下，已经sql语句改下就可以了，有不明白的可以参与讨论

<%@ page contentType="text/html; charset=gb2312" language="java" import="com.sjth.zdsygl.vo.*,com.sjth.zdsygl.biz.*,java.util.*,com.sjth.zdsygl.jdbc.*,java.sql.ResultSet"%>//导入相应的包
<%
//这部分代码用于执行查询数据库，返回字符串
if (request.getParameter("findObject")!=null)...{
　 if (request.getParameter("findObject").equals("hy_dm"))...{
　　 DBConnect conn = null;
　　 ResultSet rs = null;
　　 try...{　　　　　　　　　
　　　 out.PRint("<select name='hy_dm' >");
　　　 String sql = "select * from dm_hy group by left(hy_dm,7)";
　　　 conn = new DBConnect();
　　　 conn.setPstmt(sql);
　　　 rs = conn.executeQuery(sql);
　　　 while(rs.next())...{
　　　　 out.print("<option value='"+rs.getString("hy_dm")+"'>"+rs.getString("hy_mc")+"</option>");
　　　 }　　
　　　 out.print("</select>");
　　 }
　　 catch (Exception e)...{　　　　　　　　　
　　 }
　　 finally...{
　　　　 try...{
　　　　　 if (rs != null)
　　　　　　　 rs.close();
　　　　　 if (conn != null)
　　　　　　　 conn.close();
　　　　 }
　　　　 catch (Exception e)...{
　　　　　 e.printStackTrace();
　　　　 }
　　 }
　 }
　 if (request.getParameter("findObject").equals("hymx_dm"))...{
　　 DBConnect conn = null;
　　 ResultSet rs = null;
　　 try...{　　　　　　　　　
　　　 out.print("<select name='hymx_dm' >");
　　　 String sql = null;
　　　 if (request.getParameter("initValue").equals(""))...{
　　　　 sql = "select * from dm_hy";
　　　 }
　　　 else...{
　　　　 sql = "select * from dm_hy where hy_dm like '"+request.getParameter("initValue")+"%'";
　　　 }
　　　 conn = new DBConnect();
　　　 conn.setPstmt(sql);
　　　 rs = conn.executeQuery(sql);
　　　 while(rs.next())...{
　　　　 out.print("<option value='"+rs.getString("hy_dm")+"'>"+rs.getString("hy_mc")+"</option>");
　　　 }　　
　　　 out.print("</select>");
　　 }
　　 catch (Exception e)...{　　　　　　　　　
　　 }
　　 finally...{
　　　　 try...{
　　　　　 if (rs != null)
　　　　　　　 rs.close();
　　　　　 if (conn != null)
　　　　　　　 conn.close();
　　　　 }
　　　　 catch (Exception e)...{
　　　　　 e.printStackTrace();
　　　　 }
　　 }
　 }
　 return;
}
%>
<html>
<head>
　 <link href="CSS/table.css" type="text/css" rel="stylesheet">
　 <script language=vbscript src="css/bytetostr.js"></script>
　 <script language=javascript src="css/main.js"></script>//导入两个js文件
</head>
<body>
　　 <div>所属行业：</div>
　　 <div id="hy_dm"></div> //用来显示返回的字符串
　　 <div >所属明细行业：</div>
　　 <div id="hymx_dm"></div>//用来显示返回的字符串
</body>
</html>
<script language="javascript">
　　　 findObject("hy_dm","");
　　　 findObject("hymx_dm","");//这两条是页面执行是调用
</script>