请高手帮帮忙`~谢谢`~

我想做一个有3个下拉列表的页面，可以通过选择一个列表影响其他的列表~
我在很多网站上看过这样的效果想自己做个看看`~
请高手指点一二`~
有原代码最好呀1~

解决方案 »

  1.   

    <SCRIPT language=JScript>
    <!--
    var timeData = {
    "Asia               亚洲": {   //----------------------------------------------
    "Brunei             文莱    ":["+0800","","斯里巴加湾市"],
    "Burma              缅甸    ":["+0630","","仰光"],
    "Cambodia           柬埔寨  ":["+0700","","金边"],
    "China              中国    ":["+0800","","北京、重庆、上海、天津"],
    "Hong kong,Macau    香港·澳门":["+0800","","香港、澳门特区"]
    },
    "ME, India pen.     中东、印度半岛": {   //------------------------------------
    "Afghanistan        阿富汗  ":["+0430","","喀布尔"],
    "Arab Emirates      阿拉伯联合酋长国":["+0400","","阿布扎比"],
    "Bahrain            巴林    ":["+0300","","麦纳麦"],
    "Bangladesh         孟加拉  ":["+0600","","达卡"],
    "Bhutan             不丹    ":["+0600","","廷布"],
    "Cyprus             塞浦路斯":["+0200","","尼科西亚"],
    "Georgia            乔治亚  ":["+0500","","第比利斯"],
    "India              印度    ":["+0530","","新德里、孟买、加尔各答"]
    },
    "North Europe       北欧": {   //----------------------------------------------
    "Den            丹麦":["+0100","04F03|10L03","哥本哈根"],
    "Finland            芬兰":["+0200","03L01|10L01","赫尔辛基"],
    "Iceland            冰岛":["+0000","","雷克雅未克"],
    "Norwegian          挪威":["+0100","","奥斯陆"],
    "Sweden             瑞典":["+0100","03L01|10L01","斯德哥尔摩"]
    }
    };
    var objContinentMenu;
    var objCountryMenu;
    function setTZ(a,c){
       objContinentMenu.options[a].selected=true;
       chContinent();
       objCountryMenu.options[c].selected=true;
    }function chContinent() {
       var key,i;
       continent = objContinentMenu.options[objContinentMenu.selectedIndex].text;
       for (var i = objCountryMenu.options.length-1; i >= 0; i--)
          objCountryMenu[0]=null;
       for (key in timeData[continent])
          objCountryMenu.options[objCountryMenu.options.length]=new Option(key);
       objCountryMenu.options[0].selected=true;
    }
    function initialize() {
       var key;   //时间
       objContinentMenu=document.WorldClock.continentMenu;
       objCountryMenu=document.WorldClock.countryMenu;   for (key in timeData)
          objContinentMenu[objContinentMenu.length]=new Option(key);  setTZ(0,1);
    }
    //-->
    </SCRIPT><TABLE border=0>
      <TBODY>
      <TR><!------------------------------ 世界时间 ----------------------------------->
         <FORM name=WorldClock>
         <td>
         <BR><SELECT 
          style="FONT: 9pt '细明体'; WIDTH: 240px; BACKGROUND-COLOR: #e0e0ff" 
          onchange=chContinent() name=continentMenu></SELECT><BR><SELECT 
          style="FONT: 9pt '细明体'; WIDTH: 240px; BACKGROUND-COLOR: #e0e0ff" 
          name=countryMenu></SELECT>
        <P></P></TD></form>
           </TR></TBODY></TABLE>
      

  2.   

    感谢 zhenyang2002(珍阳) 给于的回答~
    不过在用的时候好象没实现呀~~<html>
    <head>
    <SCRIPT language=JScript>
    <!--
    var timeData = {
    "Asia               亚洲": {   //----------------------------------------------
    "Brunei             文莱    ":["+0800","","斯里巴加湾市"],
    "Burma              缅甸    ":["+0630","","仰光"],
    "Cambodia           柬埔寨  ":["+0700","","金边"],
    "China              中国    ":["+0800","","北京、重庆、上海、天津"],
    "Hong kong,Macau    香港·澳门":["+0800","","香港、澳门特区"]
    },
    "ME, India pen.     中东、印度半岛": {   //------------------------------------
    "Afghanistan        阿富汗  ":["+0430","","喀布尔"],
    "Arab Emirates      阿拉伯联合酋长国":["+0400","","阿布扎比"],
    "Bahrain            巴林    ":["+0300","","麦纳麦"],
    "Bangladesh         孟加拉  ":["+0600","","达卡"],
    "Bhutan             不丹    ":["+0600","","廷布"],
    "Cyprus             塞浦路斯":["+0200","","尼科西亚"],
    "Georgia            乔治亚  ":["+0500","","第比利斯"],
    "India              印度    ":["+0530","","新德里、孟买、加尔各答"]
    },
    "North Europe       北欧": {   //----------------------------------------------
    "Den            丹麦":["+0100","04F03|10L03","哥本哈根"],
    "Finland            芬兰":["+0200","03L01|10L01","赫尔辛基"],
    "Iceland            冰岛":["+0000","","雷克雅未克"],
    "Norwegian          挪威":["+0100","","奥斯陆"],
    "Sweden             瑞典":["+0100","03L01|10L01","斯德哥尔摩"]
    }
    };
    var objContinentMenu;
    var objCountryMenu;
    function setTZ(a,c){
       objContinentMenu.options[a].selected=true;
       chContinent();
       objCountryMenu.options[c].selected=true;
    }function chContinent() {
       var key,i;
       continent = objContinentMenu.options[objContinentMenu.selectedIndex].text;
       for (var i = objCountryMenu.options.length-1; i >= 0; i--)
          objCountryMenu[0]=null;
       for (key in timeData[continent])
          objCountryMenu.options[objCountryMenu.options.length]=new Option(key);
       objCountryMenu.options[0].selected=true;
    }
    function initialize() {
       var key;   //时间
       objContinentMenu=document.WorldClock.continentMenu;
       objCountryMenu=document.WorldClock.countryMenu;   for (key in timeData)
          objContinentMenu[objContinentMenu.length]=new Option(key);  setTZ(0,1);
    }
    //-->
    </SCRIPT>
    </head>
    <body>
    <TABLE border=0>
      <TBODY>
      <TR><!------------------------------ 世界时间 ----------------------------------->
         <FORM name=WorldClock>
         <td>
         <BR><SELECT 
          style="FONT: 9pt '细明体'; WIDTH: 240px; BACKGROUND-COLOR: #e0e0ff" 
          onchange=chContinent() name=continentMenu></SELECT><BR><SELECT 
          style="FONT: 9pt '细明体'; WIDTH: 240px; BACKGROUND-COLOR: #e0e0ff" 
          name=countryMenu></SELECT>
        <P></P></TD></form>
           </TR></TBODY></TABLE>
    </body>
    </html>
    请看是不是这样的呀~~~