现在的位置: 首页 > 综合 > 正文

城市选择表单代码

2013年09月01日 ⁄ 综合 ⁄ 共 7822字 ⁄ 字号 评论关闭

<script type=”text/javascript”>

var PROVINCE = new Array("安徽", "澳门", "北京", "重庆", "福建", "甘肃", "广东", "广西", "贵州", "海南", "河北", "黑龙江", "河南", "湖北", "湖南", "江苏", "江西", "吉林", "辽宁", "内蒙古", "宁夏", "青海", "山西", "陕西", "山东", "上海", "四川", "台湾", "天津", "西藏", "香港", "新疆", "云南", "浙江", "中国以外");

var PROV01 = new Array("合肥市","淮南市","蚌埠市","宿州市","淮北市","阜阳市","亳州市","六安市","巢湖市","滁州市","芜湖市","宣城市","黄山市","马鞍山市","铜陵市","黄山市","安庆市","太湖市");

var PROV02 = new Array("澳门");

var PROV03 = new Array("北京");

var PROV04 = new Array("重庆");

var PROV05 = new Array("福州市","莆田市","南平市","邵武市","厦门市","泉州市","石狮市","漳州市","龙岩市","三明市","永安市","宁德市");

var PROV06 = new Array("兰州市","白银市","临夏市","武威市","张掖市","酒泉市","嘉峪关市","玉门市","金昌市","天水市","平凉市","西峰市");

var PROV07 = new Array("广州市","清远市","东莞市","韶关市","梅州市","汕头市","潮州市","惠州市","汕尾市","河源市","深圳市","湛江市","茂名市","肇庆市","佛山市","中山市","江门市","阳江市");

var PROV08 = new Array("南宁市","凭祥市","百色市","钦州市","北海市","玉林市","桂林市","梧州市","柳州市","合山市","河池市","钦州市");

var PROV09 = new Array("贵阳市","六盘水市","铜仁市","凯里市","都匀市","安顺市","兴义市","遵义市","赤水市","毕节市");

var PROV10 = new Array("海口","三亚");

var PROV11 = new Array("石家庄市","南宫市","辛集市","衡水市","邢台市","沙河市","邯郸市","沧州市","泊头市","任丘市","唐山市","秦皇岛市","保定市","承德市","定州市","涿州市","廊坊市","张家口市");

var PROV12 = new Array("哈尔滨市","阿城市","肇东市","绥化市","伊春市","佳木斯市","鹤岗市","七台河市","双鸭山市","同江市","牡丹江市","绥汾河市","鸡西市","齐齐哈尔市","大庆市","北安市","黑河市","五大连池市");

var PROV13 = new Array("郑州市","新乡市","焦作市","安阳市","鹤壁市","濮阳市","许昌市","缧河市","驻马店市","信阳市","周口市","平顶山市","洛阳市","三门峡市","义马市","南阳市","开封市","商丘市");

var PROV14 = new Array("武汉市","麻城市","天门市","孝感市","应城市","安陆市","仙桃市","江汉市","荆沙市","洪湖市","荆门市","石首市","鄂州市","黄石市","咸宁市","武穴市","蒲圻市","襄樊市","老河口市","随州市","十堰市","丹江口市","枝城市","宜昌市","利川市","恩施市");

var PROV15 = new Array("长沙市","湘潭市","湘乡市","株洲市","益阳市","岳阳市","汨罗市","常德市","津市","吉首市","张家界市","娄底市","涟源市","冷水江市","怀化市","洪江市","衡阳市","耒阳市","邵阳市","郴州市","永州市","冷水滩市");

var PROV16 = new Array("南京市","仪征市","镇江市","丹阳市","常州市","无锡市","宜兴市","江阴市","苏州市","常熟市","徐州市","连云港市","淮阴市","淮安市","宿迁市","盐城市","东台市","扬州市","泰州市","兴化市","南通市","吴江市");

var PROV17 = new Array("南昌市","九江市","景德镇市","上饶市","鹰潭市","伊春市","新余市","萍乡市","赣州市","吉安市","井冈山市","抚州市","黎川市","庐山市");

var PROV18 = new Array("长春市","扶余市","吉林市","桦甸市","延吉市","图们市","龙井市","敦化市","通化市","集安市","浑江市","梅河口市","四平市","白城市","辽源市","公主岭市","洮南市","白山市");

var PROV19 = new Array("沈阳市","辽阳市","铁岭市","铁法市","抚顺市","鞍山市","海城市","营口市","大连市","瓦房店市","本溪市","丹东市","锦州市","锦西市","兴城市","朝阳市","北票市","阜新市","盘锦市","长海市");

var PROV20 = new Array("呼和浩特市","集宁市","二连浩特市","包头市","临河市","乌海市","东胜市","海拉尔市","满洲里市","牙克石市","赤峰市","锡林浩特市","乌兰浩特市","通辽市","霍林郭勒市","扎兰屯市");

var PROV21 = new Array("银川市","石嘴山市","青铜峡市","吴忠市","固原市");

var PROV22 = new Array("西宁市","海东市","同仁市","共和市","玛沁市","玉树市","德令哈市","门源市","格尔木市","海晏市");

var PROV23 = new Array("太原市","榆次市","忻州市","大同市","临汾市","侯马市","运城市","阳泉市","长治市","晋城市");

var PROV24 = new Array("西安市","咸阳市","延安市","渭南市","榆林市","安康市","商州市","宝鸡市","汉中市","铜川市");

var PROV25 = new Array("济南市","聊城市","临清市","德州市","淄博市","滨州市","东营市","潍坊市","诸城市","青州市","烟台市","威海市","青岛市","泰安市","莱芜市","新泰市","济宁市","曲阜市","荷泽市","临沂市","日照市","枣庄市","滕州市","文登市");

var PROV26 = new Array("上海");

var PROV27 = new Array("成都市","马尔康市","西昌市","乐山市","德阳市","攀枝花市","雅安市","绵阳市","遂宁市","广元市","南充市","达县市","内江市","华蓥市","宜宾市","自贡市","泸州市");

var PROV28 = new Array("彰化","潮州","礁溪","嘉义","清水","旗山","九曲堂","竹南","中兴新村","中坜","竹北","竹东","风山","丰原","后里","新竹","新营","花莲","湖口","虎尾","宜兰","瑞芳","冈山","高雄","基隆","梨山","罗东","鹿港","苗栗","民雄","南投","北港","澎湖","屏东","埔里","沙鹿","善化","苏澳","大甲","大溪","台中","台南","台北","台东","桃园","大肚","田中","斗六","左营","东港","雾峰","乌日","莺歌","员林");

var PROV29 = new Array("天津");

var PROV30 = new Array("拉萨市","日喀则市","山南市","林芝市","昌都市","那曲市","阿里市");

var PROV31 = new Array("香港");

var PROV32 = new Array("乌鲁木齐市","昌吉市","石河子市","奎屯市","博乐市","克拉玛依市","塔城市","伊宁市","阿勒泰市","吐鲁番市","哈密市","库尔勒市","阿克苏市","喀什市","阿图什市","和田市");

var PROV33 = new Array("昆明市","东川市","曲靖市","昭通市","开远市","个旧市","大理市","楚雄市","保山市","玉溪市","文山市","思茅市","景洪市","潞西市","中甸市","六库市","临沧市","丽江市");

var PROV34 = new Array("杭州市","萧山市","绍兴市","湖州市","嘉兴市","海宁市","宁波市","余姚市","舟山市","临海市","椒江市","金华市","兰溪市","丽水市","衢州市","江山市","温州市","义乌市","东阳市","瑞安市");

function inArr(s, t)

{

    var arr = new Array();

    switch (t)

    {

        case 2:

            arr = PROVINCE;

            break;

    }

    for ( var i = 0; i < arr.length; i++ )

    {

        if (s == arr[i])

            return true;

    }

    return false;

}

function selectArr(v)

{

    var str = "";

    if (inArr(v, 2))

        str = "中国以外城市";

    var arr = new Array(str);

 switch (v)

 {

  case "安徽":

   arr = PROV01;

   break;

  case "澳门":

   arr = PROV02;

   break;

  case "北京":

   arr = PROV03;

   break;

  case "重庆":

   arr = PROV04;

   break;

  case "福建":

   arr = PROV05;

   break;

  case "甘肃":

   arr = PROV06;

   break;

  case "广东":

   arr = PROV07;

   break;

  case "广西":

   arr = PROV08;

   break;

  case "贵州":

   arr = PROV09;

   break;

  case "海南":

   arr = PROV10;

   break;

  case "河北":

   arr = PROV11;

   break;

  case "黑龙江":

   arr = PROV12;

   break;

  case "河南":

   arr = PROV13;

   break;

  case "湖北":

   arr = PROV14;

   break;

  case "湖南":

   arr = PROV15;

   break;

  case "江苏":

   arr = PROV16;

   break;

  case "江西":

   arr = PROV17;

   break;

  case "吉林":

   arr = PROV18;

   break;

  case "辽宁":

   arr = PROV19;

   break;

  case "内蒙古":

   arr = PROV20;

   break;

  case "宁夏":

   arr = PROV21;

   break;

  case "青海":

   arr = PROV22;

   break;

  case "山西":

   arr = PROV23;

   break;

  case "陕西":

   arr = PROV24;

   break;

  case "山东":

   arr = PROV25;

   break;

  case "上海":

   arr = PROV26;

   break;

  case "四川":

   arr = PROV27;

   break;

  case "台湾":

   arr = PROV28;

   break;

  case "天津":

   arr = PROV29;

   break;

  case "西藏":

   arr = PROV30;

   break;

  case "香港":

   arr = PROV31;

   break;

  case "新疆":

   arr = PROV32;

   break;

  case "云南":

   arr = PROV33;

   break;

  case "浙江":

   arr = PROV34;

   break;

 }

    return arr;

}

function createOption(v)

{

    switch (v)

    {

        case "中国以外":

            otherp.innerHTML = "<INPUT TYPE=\"text\" NAME=\"province\" SIZE=10 VALUE=\"请填写国家名\" ONFOCUS=\"this.value=''\">";

            break;

    }

    var arr = new Array();

    arr = selectArr(v);

    var str = "";

    var obj;

    var val = new String("");

    if (inArr(v, 2))

    {

        obj = document.form1.cit;

        str = "所在城市或地区";

    }

    obj.length = arr.length + 1;

    obj.options[0].text  = str;

    obj.options[0].value  = "";

    obj.options[0].selected = true;

    for ( var i = 1; i <= arr.length; i++ )

    {

        val = arr[i-1];

        if (val.charAt(1) == "-")

        {

            val = "";

        }

        obj.options[i].text  = arr[i-1];

        obj.options[i].value = val;

    }

}

function genListBox(p)

{

    var arr = new Array();

    var SELECTED = "";

    if (inArr(p, 2))

        arr = PROVINCE;

    for ( var i = 0; i < arr.length; i++ ) 

    {

        if (arr[i] == p) 

            SELECTED = "selected";

        else

            SELECTED = "";

        document.write("<option value=\"",arr[i],"\" ",SELECTED,">",arr[i]);

    }

}

function genOption(a, c)

{

    var arr = new Array();

    arr = selectArr(a);

    var SELECTED = "";

    var val = new String("");

    for ( var i = 0; i < arr.length; i++ ) 

    {

        if (arr[i] == c) 

            SELECTED = "selected";

        else

            SELECTED = "";

        val = arr[i];

        if (val.charAt(1) == "-")

        {

            val = "";

        }

        document.write("<option value=\"",val,"\" ",SELECTED,">",arr[i]);

    }

}

function selectOne(v)

{

    switch (v)

    {

        case "中国以外城市":

            othera.innerHTML = "<INPUT TYPE=\"text\" NAME=\"city\" SIZE=10 VALUE=\"请填写城市名\" ONFOCUS=\"this.value=''\">";

            break;

    }

}

</script>

<FORM METHOD=POST ACTION="" NAME=form1>

<TABLE>

<TR>

    <TD align=right>/直辖市/特别行政区:

    </TD>

    <TD>

    <SELECT NAME="prov" ONCHANGE="createOption(prov.value)">

    <script>genListBox("北京")</script>

    </SELECT>

    <span id=otherp></span>

    </TD>

</TR>

<TR>

    <TD align=right>城市(包括其周边区县)

    </TD>

    <TD>

    <select name="cit" onchange="selectOne(this.value)">

    <option value="">所在城市或地区</option>

    <script>genOption("北京","")</script>

    </select>

    <span id=othera></span>

    </TD>

</TR>

抱歉!评论已关闭.