<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 閱讀(2589) 評論(0)  編輯  收藏  所屬分類: 片段 、腳本語言javascript 
		
    
	
    
	
	


	


    
	    
    




    








    

				

    




    







    
        
	



主站蜘蛛池模板：
四虎影院免费在线播放|
亚洲精品福利视频|
色欲色香天天天综合网站免费|
亚洲网站在线免费观看|
日韩午夜免费视频|
秋霞人成在线观看免费视频
|
黄色一级视频免费观看|
久久九九亚洲精品|
全免费一级午夜毛片|
免费看黄的成人APP|
a国产成人免费视频|
亚洲黄色激情视频|
国产亚洲精久久久久久无码AV|
精品女同一区二区三区免费站|
老外毛片免费视频播放|
亚洲精品国产肉丝袜久久|
亚洲男人第一无码aⅴ网站|
国产1024精品视频专区免费|
丝瓜app免费下载网址进入ios|
亚洲人精品亚洲人成在线|
亚洲国产一二三精品无码|
免费黄色小视频网站|
最近中文字幕免费完整|
青青草国产免费国产是公开|
亚洲综合无码一区二区三区|
国产专区一va亚洲v天堂|
毛片在线看免费版|
永久在线免费观看|
a级日本高清免费看|
日韩在线视频免费|
亚洲精品国产高清在线观看|
亚洲美女aⅴ久久久91|
亚洲午夜福利717|
日产国产精品亚洲系列|
大学生美女毛片免费视频|
人妻丰满熟妇无码区免费|
中国毛片免费观看|
成人精品综合免费视频|
亚洲欧美国产精品专区久久|
亚洲欧洲国产视频|
亚洲视频2020|