程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 數據庫知識 >> MYSQL數據庫 >> 關於MYSQL數據庫 >> 實現jsp頁面二級下拉框聯動,實時讀取數據庫數據

實現jsp頁面二級下拉框聯動,實時讀取數據庫數據

編輯:關於MYSQL數據庫

在一個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' onchange="Javascript:findObject('hymx_dm',this.value)">");
        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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved