当前位置:起点学习辅导网培训频道电脑知识学习网页制作Javascript教程JavaScript版的全国省市下拉联动列表

JavaScript版的全国省市下拉联动列表

08-08 00:40:33浏览次数:968栏目:Javascript教程
标签:javascript视频教程,javascript教程下载, JavaScript版的全国省市下拉联动列表,
        {
            selCity.options[count]=new Option(Citys[i][1],Citys[i][0]);
            count=count+1;
        }
    }
    selCity.options[0].selected=true;
    selCity.length=count;
}

function Province_onchange()
{
    FillCitys(g_selCity,g_selProvince.value);
}

function InitCityselect(selProvince,selCity)
{
    //alert("begin");
    g_selProvince=selProvince;
    g_selCity=selCity;
    selProvince.onchange=Function("Province_onchange();");
    FillProvinces(selProvince);
    Province_onchange();
}
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;
        }
    }
}
//-->
</script>
<form name="profile" method="post" action="where.asp">
<select id=province size=1 name=province>
   <OPTION selected></OPTION>
</select>
<select id=city size=1 name=city>
  <OPTION selected></OPTION>
</select>
<SCRIPT language=javascript>
InitCityselect(document.profile.province,document.profile.city);
</SCRIPT>
<input type="submit">
</form>

全国省份关联表

<form name="form1" method="post" action="">
  <select onchange=setcity(); name=prv>
    <OPTION value="" selected>-所在省份-</OPTION>
    <OPTION value=安徽>安徽</OPTION>
    <OPTION value=北京>北京</OPTION>
    <OPTION value=重庆>重庆</OPTION>
    <OPTION value=福建>福建</OPTION>
    <OPTION value=甘肃>甘肃</OPTION>
    <OPTION value=广东>广东</OPTION>
    <OPTION value=广西>广西</OPTION>
    <OPTION value=贵州>贵州</OPTION>
    <OPTION value=海南>海南</OPTION>
    <OPTION value=河北>河北</OPTION>
    <OPTION value=黑龙江>黑龙江</OPTION>
    <OPTION value=河南>河南</OPTION>
    <OPTION value=香港>香港</OPTION>
    <OPTION value=湖北>湖北</OPTION>
    <OPTION value=湖南>湖南</OPTION>
    <OPTION value=江苏>江苏</OPTION>
    <OPTION value=江西>江西</OPTION>
    <OPTION value=吉林>吉林</OPTION>
    <OPTION value=辽宁>辽宁</OPTION>
    <OPTION value=澳门>澳门</OPTION>
    <OPTION value=内蒙古>内蒙古</OPTION>
    <OPTION value=宁夏>宁夏</OPTION>
    <OPTION value=青海>青海</OPTION>
    <OPTION value=山东>山东</OPTION>
    <OPTION value=上海>上海</OPTION>
    <OPTION value=山西>山西</OPTION>
    <OPTION value=陕西>陕西</OPTION>
    <OPTION value=四川>四川</OPTION>
    <OPTION value=台湾>台湾</OPTION>
    <OPTION value=天津>天津</OPTION>
    <OPTION value=新疆>新疆</OPTION>
    <OPTION value=西藏>西藏</OPTION>
    <OPTION value=云南>云南</OPTION>
    <OPTION value=浙江>浙江</OPTION>
  </select>省
<select name=city></select>市
<SCRIPT language=javascript>
<!--
function setcity() {
    switch (document.form1.prv.value) {
        case "" :
            var cityOptions = new Array("", "");
            break;
        case "安徽" :
            var cityOptions = new Array(
            "合肥", "合肥","安庆", "安庆","蚌埠", "蚌埠","亳州", "亳州","巢湖", "巢湖","滁州", "滁州","阜阳", "阜阳","贵池", "贵池","淮北", "淮北","淮化", "淮化","淮南", "淮南", "黄山", "黄山", "九华山", "九华山", "六安", "六安","马鞍山", "马鞍山","宿州", "宿州","铜陵", "铜陵","屯溪", "屯溪","芜湖", "芜湖", "宣城", "宣城");
             break;
        case "北京" :
            var cityOptions = new Array(
            "北京", "北京","东城","西城","崇文","宣武","朝阳","丰台","石景山","海淀","门头沟","房山","通州","顺义","昌平","大兴","平谷","怀柔","密云","延庆");
            break;
        case "重庆" :

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  下一页

,JavaScript版的全国省市下拉联动列表
给资讯打分:
网友评论: