<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    DANCE WITH JAVA
    

    開發出高質量的系統
    

    


    
	
		

    常用鏈接
    

		

    統計
    
	
		

    積分與排名
    


		
		
    好友之家
    
		
				
			
	

		

    最新評論
	
    

    
	
			
		

    
		
	

    

    
	
					
	
    
		
    
			javascript 關聯列表的實現(簡單的和復雜的)
		
    
		
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <HTML>
    
    <HEAD>
    
    <TITLE> 動態刷新實例 </TITLE>
    
    <META NAME="Generator" CONTENT="EditPlus">
    
    <META NAME="Author" CONTENT="wangrw">
    
    <META NAME="Description" CONTENT="一個動態刷新的實例">
    
    </HEAD>
    
    <script language="JavaScript" type="text/JavaScript" >
    
        /* 用來保存所有下拉條中的數據*/
    
        var vMainMenus = new Array();
    

    
        /**
    
    * 初始化各菜單項，及初始化主菜單和相應的子菜單項
    
    * 這個函數的內容可以方便的由服務器端程序生成。
    
    *
    
        */
    
        function initList(){
    
            var i = 0;
    
            var j = 0;
    
            // 產生一個新的子菜單數組
    
            var subs = new Array();
    
            // 子菜單的第一個元素是主菜單的標題
    
            subs[j++] = "---";
    
            // 子菜單的選項是從第二個元素，即 index = 2 開始的
    
            subs[j++] = "---";
    
            // 將子菜單添加第主菜單中
    
            vMainMenus[i++] = subs;
    

    
            // 重新產生一個新的子菜單數組
    
            var subs = new Array();
    
        j    =0;
    
        subs[j    ++] = "Java";
    
        subs[j    ++] = "Java 基礎知識";
    
        subs[j    ++] = "Java GUI 設計";
    
        subs[j    ++] = "Java 企業級設計";
    
        subs[j    ++] = "Java 嵌入式設計";
    
        vMainMenus[i    ++] = subs;
    

    
            // 重新產生一個新的子菜單數組
    
            subs = new Array();
    
        j     = 0;
    
        subs[j    ++] = "C/C++";
    
        subs[j    ++] = "C/C++ 基礎";
    
        subs[j    ++] = "C++ STL";
    
        subs[j    ++] = "Visual C++";
    
        subs[j    ++] = "C++ Builder";
    
        vMainMenus[i    ++] = subs;
    
        
    
            // 重新產生一個新的子菜單數組
    
            subs = new Array();
    
        j     = 0;
    
        subs[j    ++] = "Scripts";
    
        subs[j    ++] = "JavaScript/JScript";
    
        subs[j    ++] = "VBScript";
    
        subs[j    ++] = "Perl";
    
        vMainMenus[i    ++] = subs;
    
    }
    
        /**
    
    * 初始化主菜單
    
    *
    
    * @param mainList 主菜單列表框
    
        */
    
        function initMainList(mainList){
    
            for (i = 0; i < vMainMenus.length; ++i) {
    
            mainList.options[i]     = new Option(vMainMenus[i][0], i);
    
        }
    
    }
    
        /*
    
    * 初始化子菜單
    
    *
    
    * @param mainList 主菜單列表框
    
    * @param subList 子菜單列表框
    
        */
    
        function initSubList(mainList,subList){
    
            var idx = mainList.selectedIndex;
    
            var subs = vMainMenus[idx];
    
        subList.length     = 0;
    
            for (var i = 0, j = 1; j < subs.length; ++i, ++j) {
    
            subList.options[i]     = new Option(subs[j], i);
    
        }
    
    }
    
        /**
    
    * 初始化
    
    *
    
    * @param mainList 主菜單列表框
    
    * @param subList 子菜單列表框
    
        */
    
        function load(mainList,subList){
    
        initList();
    
        initMainList(mainList);
    
        initSubList(mainList,subList);
    
    }
    

    
    </script>
    
    <BODY>
    
        <form action="" method="post" name="formLists" id="formLists">
    
            <!-- 當主菜單的選擇改變時，調用 initSubList(MainList, subList) 函數，并傳入正確參數 -->
    
            <select name="mainMenu" id="mainMenu" onChange="initSubList(this, this.form.subMenus);">
    
            </select>
    
            <select name="subMenus" id="subMenus">
    
            </select>
    
        </form>
    
        <script language="JavaScript" type="text/JavaScript">
    
            // 調用 load 進行初始化
    
            load(document.all.formLists.mainMenu, document.all.formLists.subMenus);
    
        </script>
    
    這個是簡單的列表，用于select中“顯示內容”和“value值    "相等的情況，不相等的見下一個例子
    
</BODY>
    
</HTML>
    

    

    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <HTML>
    
    <HEAD>
    
    <TITLE> 動態刷新實例 </TITLE>
    
    <META NAME="Generator" CONTENT="EditPlus">
    
    <META NAME="Author" CONTENT="wangrw">
    
    <META NAME="Description" CONTENT="一個動態刷新的實例">
    
    </HEAD>
    
    <script language="JavaScript" type="text/JavaScript" >
    

    
        /**
    
    * 使用這樣的字符串"Id:Name"（另外的解決辦法是定義一個對象來作為數組的元素）
    
        */
    

    
        /* 用來保存所有下拉條中的數據*/
    
        var vMainMenus = new Array();
    

    
        /**
    
    * 初始化各菜單項，及初始化主菜單和相應的子菜單項
    
    * 這個函數的內容可以方便的由服務器端程序生成。
    
    *
    
        */
    
        function initList(){
    
            var i = 0;
    
            var j = 0;
    
            // 產生一個新的子菜單數組
    
            var subs = new Array();
    
            // 子菜單的第一個元素是主菜單的標題
    
            subs[j++] = "---:null";
    
            // 子菜單的選項是從第二個元素，即 index = 2 開始的
    
            subs[j++] = "---:null";
    
            // 將子菜單添加第主菜單中
    
            vMainMenus[i++] = subs;
    

    
            // 重新產生一個新的子菜單數組
    
            var subs = new Array();
    
        j    =0;
    
        subs[j    ++] = "中國:zhongguo";
    
        subs[j    ++] = "---:null";
    
        subs[j    ++] = "北京:beijing";
    
        subs[j    ++] = "天津:tianjin";
    
        subs[j    ++] = "上海:shanghai";
    
        subs[j    ++] = "大連:dalian";
    
        vMainMenus[i    ++] = subs;
    

    
            // 重新產生一個新的子菜單數組
    
            subs = new Array();
    
        j     = 0;
    
        subs[j    ++] = "美國:meiguo";
    
        subs[j    ++] = "---:null";
    
        subs[j    ++] = "紐約:niuyue";
    
        subs[j    ++] = "加州:jiazhou";
    
        subs[j    ++] = "華盛頓:huashengdun";
    
        subs[j    ++] = "西雅圖:xiyatu";
    
        vMainMenus[i    ++] = subs;
    
        
    
            // 重新產生一個新的子菜單數組
    
            subs = new Array();
    
        j     = 0;
    
        subs[j    ++] = "歐共體:ougongti";
    
        subs[j    ++] = "---:null";
    
        subs[j    ++] = "英國:yingguo";
    
        subs[j    ++] = "法國:faguo";
    
        subs[j    ++] = "德國:deguo";
    
        vMainMenus[i    ++] = subs;
    
    }
    
        /**
    
    * 初始化主菜單
    
    *
    
    * @param mainList 主菜單列表框
    
        */
    
        function initMainList(mainList){
    
            for (i = 0; i < vMainMenus.length; ++i) {
    
                var opt=new Array();
    
            opt    =vMainMenus[i][0].split(":");
    
            mainList.options[i]     = new Option(opt[0], opt[1]);
    
        }
    
    }
    
        /*
    
    * 初始化子菜單
    
    *
    
    * @param mainList 主菜單列表框
    
    * @param subList 子菜單列表框
    
        */
    
        function initSubList(mainList,subList){
    
            var idx = mainList.selectedIndex;
    
            var subs = vMainMenus[idx];
    
        subList.length     = 0;
    
            for (var i = 0, j = 1; j < subs.length; ++i, ++j) {
    
                var opt=new Array();
    
            opt    =subs[j].split(":");
    
            subList.options[i]     = new Option(opt[0], opt[1]);
    
        }
    
    }
    
        /**
    
    * 初始化
    
    *
    
    * @param mainList 主菜單列表框
    
    * @param subList 子菜單列表框
    
        */
    
        function load(mainList,subList){
    
        initList();
    
        initMainList(mainList);
    
        initSubList(mainList,subList);
    
    }
    

    
        //fuction getHtmlStr()
    

    
        function initContent(objName){
    
            //obj=document.getElementById(objName);
    
            //obj.innerHTML=getHtmlStr(obj.value);
    
        }
    

    
    </script>
    
    <BODY>
    
        <form action="" method="post" name="formLists" id="formLists">
    
            <!-- 當主菜單的選擇改變時，調用 initSubList(MainList, subList) 函數，并傳入正確參數 -->
    
            <table width="400" border="1" cellpadding="5" cellspacing="0">
    
                <tr>
    
                    <td>
    
                        <select name="mainMenu" id="mainMenu" onChange="initSubList(this, this.form.subMenus);">
    
                        </select>
    
                        <select name="subMenus" id="subMenus" onChange="initContent('dyn')">
    
                        </select>
    
                        <hr><br>
    
                        <span id="dyn"></span>
    
                    </td>
    
                </tr>
    
            </table>
    
        </form>
    
        <script language="JavaScript" type="text/JavaScript">
    
            // 調用 load 進行初始化
    
            load(document.all.formLists.mainMenu, document.all.formLists.subMenus);
    
        </script>
    
    這個是復雜的列表，用于select中“顯示內容”和“value值    "不相等的情況
    
</BODY>
    
</HTML>
    

    
 
		
    
			posted on 2007-09-14 09:39 dreamstone 閱讀(2587) 評論(0)  編輯  收藏  所屬分類: 片段 、腳本語言javascript 
		
    
	
    
	
	


	


    
	    
    




    








    

				

    




    







    
        
	



主站蜘蛛池模板：
亚洲色大成网站www永久男同|
亚洲AV本道一区二区三区四区|
精品国产日韩久久亚洲|
一级毛片免费观看不卡的|
亚洲精品无码永久在线观看你懂的
|
成人A片产无码免费视频在线观看|
亚洲成人影院在线观看|
男男gvh肉在线观看免费|
免费成人在线观看|
一级毛片免费毛片毛片|
亚洲综合色成在线播放|
成在线人免费无码高潮喷水|
亚洲乱码一区二区三区在线观看|
国产在线观看免费av站|
亚洲精选在线观看|
亚洲人成免费电影|
国产精品亚洲专区在线观看|
免费观看理论片毛片|
国产亚洲精品美女2020久久
|
精品女同一区二区三区免费站|
91久久亚洲国产成人精品性色|
永久在线免费观看|
久久久久亚洲国产|
又黄又爽的视频免费看|
丝瓜app免费下载网址进入ios|
亚洲综合精品香蕉久久网97|
在线观看日本免费a∨视频|
久久精品熟女亚洲av麻豆|
国产精品亚洲综合一区|
88av免费观看|
色偷偷尼玛图亚洲综合|
国产亚洲一区二区三区在线|
四虎在线成人免费网站|
日韩欧美亚洲中文乱码|
国产AV无码专区亚洲AV毛网站|
51在线视频免费观看视频|
亚洲a∨无码精品色午夜|
亚洲日韩中文无码久久|
中文字幕人成无码免费视频|
日本精品久久久久久久久免费|
亚洲AV无码一区二区三区系列|