http://www.google.cn/search?hl=zh-CN&newwindow=1&q=javascript%2B%E5%85%A8%E5%9B%BD%E7%9C%81%E5%B8%82%E4%BA%8C%E7%BA%A7%E8%81%94%E5%8A%A8&meta=

解决方案 »

  1.   

    http://www.it365cn.com/bbs/topic.asp?topicid=23178
    把电子书下载下来,里面有你需要的几个经典联动菜单例子,还有其他有用的资料.
      

  2.   

    <script language="javascript">
    subcat=new Array();subcat[0]=new Array("1001","南宁");subcat[1]=new Array("100105","青秀区");subcat[2]=new Array("100107","江南区");
    .....................
    function changeselect1(locationid) 

    document.all.pDistrict.length = 0; //初始化下拉列表 清空下拉数据 
    document.all.pDistrict.options[0] = new Option('请选择',''); //给第一个值 
    for (i=0; i<subcat.length; i++) //legth=20

    if (subcat[i][0].substr(0,2) == locationid) //[0] [1] 第一列 第二列 
    {document.all.pDistrict.options[document.all.pDistrict.length] = new Option(subcat[i][1], subcat[i][0]);}
    //建立option 
    //第一次 length=1 因为有==请选择== 
    //i=9时 length= 10 值有11个 因为从0数起 subcat[i][0] == locationid屏蔽了再写 


    //--> </script>
    <td width="22%" height="31">
    <select name="province" onChange="changeselect1(this.value)" size="1" style=width:80px>       <option value="80">安徽</option>      <option value="16">北京</option>      <option value="19">重庆</option>      <option value="31">福建</option>      <option value="81">甘肃</option>      <option value="26">广东</option>
    </select></td>
    <td width="20%" height="31">省/直辖市:</td>
    <td width="23%" height="31"><select name="pDistrict" size="1" style="width:90"> 
    <option value="">请选择</option>
    </select></td>
    <td width="9%" height="31">市/区</td>
      

  3.   

    var g_selProvince;
    var g_selCity;
    var Provinces=new Array(
    new Array("110000","北京市"),
    new Array("120000","天津市"),
    new Array("500000","重庆市"),
    new Array("130000","河北省"),
    new Array("140000","山西省"),
    .................
    );var Citys=new Array(
    new Array("110100","北京"),
    new Array("120100","天津"),
    new Array("130101","石家庄"),
    new Array("130201","唐山"),
    ...................
    );function FillProvinces(selProvince)
    {
        selProvince.options[0]=new Option("请选择定制省份","000000");
        for(i=0;i<Provinces.length;i++)
        {
            selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][0]);
            //selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][1]);
        }
        selProvince.options[0].selected=true;
        selProvince.length=i+1;
    }function FillCitys(selCity,ProvinceCode)
    {
        //if the province is a direct-managed city, like Beijing, shanghai, tianjin, chongqin,hongkong, macro
            //need not "请选择选项"
            if(ProvinceCode=="110000"||ProvinceCode=="120000"||ProvinceCode=="310000"
                     ||ProvinceCode=="810000"||ProvinceCode=="820000"||ProvinceCode=="500000")
                 count=0;
            else
                    {selCity.options[0]=new Option("请选择定制城市",ProvinceCode);
                    count=1;}
        for(i=0;i<Citys.length;i++)
        {
            if(Citys[i][0].toString().substring(0,2)==ProvinceCode.substring(0,2))
            {
                //selCity.options[count]=new Option(Citys[i][1],Citys[i][0]);
                selCity.options[count]=new Option(Citys[i][1],Citys[i][1]);
                count=count+1;
            }
        }
        selCity.options[0].selected=true;
        selCity.length=count;
    }
    function InitCitySelect2(selProvince,selCity,CityCode)
    {
        InitCitySelect(selProvince,selCity)
        for(i=0;i<selProvince.length;i++)
        {
            if(selProvince.options[i].value.substring(0,2)==CityCode.substring(0,2))
            {
                selProvince.options[i].selected=true;
            }
        }
        Province_onchange();
        for(i=0;i<selCity.length;i++)
        {
            if(selCity.options[i].value==CityCode)
            {
                selCity.options[i].selected=true;
            }
        }
    }
    <SELECT id=province size=1 name=province style="width:110px;margin-bottom:4px;margin-top:4px;" onchang="FillCitys(this.value,city)">
       <OPTION selected></OPTION>
     </SELECT>
     <SELECT id=city size=1 name=city style="width:110px;margin-bottom:4px;margin-top:4px;">
      <OPTION selected></OPTION>
     </SELECT>
    <SCRIPT language=javascript>
    InitCitySelect(document.customize.province,document.customize.city);
    </SCRIPT>