- <script>
- var temp;
- function test(){
- //初始化一級聯動
- //***************自定義******************//
- temp = [
- ['湖北','武漢','黃石','孝感'],
- ['北京','海淀','朝陽']
- ];
- //*************從後臺取*******************//
- temp = new Array(count);
- for(var a=0;a<count;a++){
- temp[a] = new Array();
- }
- <%
- String[][] ta = new dao().getAllValue();
- for(int b =0;b<ta.length;b++){
- for(int c =0;c<ta[b].length;c++){
- %>
- temp[<%=b%>][<%=c%>] = '<%=ta[b][c]%>';
- <%
- }
- }
- %>
- //******************************************
- for (var i = 0; i < temp.length; i++){
- var newElem = document.createElement("option");
- newElem.text=temp[i][0];
- newElem.value=temp[i][0];
- document.getElementById("ctrlList").options.add(newElem);
- }
- choose(0);
- }
- //選擇後聯動
- function choose(num){
- deleteRecord();
- for (var j = 1; j < temp[num].length; j++){
- var newElem = document.createElement("option");
- newElem.text=temp[num][j];
- newElem.value=temp[num][j];
- document.getElementById("cityList").options.add(newElem);
- }
- }
- //刪除上節點
- function deleteRecord(){
- var obj = document.getElementById("cityList");
- var count = obj.length;
- for(var k=(count-1);k>=0;k--){
- obj.options.remove(k);
- }
- }
- </script>
- </head>
- <body οnlοad="test()">
- <select size="1" name="ctrlList" οnchange="choose(this.selectedIndex)">
- </select>
- <select size="1" name="cityList">
- </select>
- </body>
- //==============================後臺讀取數據庫組織數組==================================//
- package tt;
- import java.sql.Connection;
- import java.sql.ResultSet;
- import java.sql.SQLException;
- import java.sql.Statement;
- import java.util.ArrayList;
- import java.util.Iterator;
- import java.util.List;
- public class dao {
- private static Connection con;
- private static Statement sta;
- private static ResultSet rs;
- private static String[][] temp;
- public int getProvince() throws SQLException{
- List list = new ArrayList();
- con = context.getCon();
- sta = con.createStatement();
- rs = sta.executeQuery("select province from zip group by province");
- while(rs.next()){
- list.add(rs.getString(1));
- }
- closeData();
- temp = new String[list.size()][];
- for(int i=0;i<list.size();i++){
- temp[i] = new String[]{(String)list.get(i)};
- }
- return temp.length;
- }
- public String[][] getAllValue() throws SQLException{
- int count = getProvince();
- for(int i=0;i<count;i++){
- List list = new ArrayList();
- con = context.getCon();
- sta = con.createStatement();
- rs = sta.executeQuery("select city from zip where province='"+temp[i][0]+"'");
- while(rs.next()){
- list.add(rs.getString(1));
- }
- String[] a = new String[list.size()+1];
- for(int j=1;j<=list.size();j++){
- a[0] = temp[i][0];
- a[j] = (String)list.get(j-1);
- }
- temp[i] = a;
- }
- closeData();
- return temp;
- }
- public static void closeData() throws SQLException{
- rs.close();
- sta.close();
- con.close();
- }
- public static void main(String[] args) throws SQLException {
- String[][] te = new dao().getAllValue();
- for(int i=0;i<te.length;i++){
- for(int j=0;j<te[i].length;j++){
- System.out.print(te[i][j]);
- }
- System.out.println("/n");
- }
- }
- }
利用js數組生成省市二級聯動
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章