有朋友给提供一个省市关联的代码吗？（不要javascript的）

Question

想要一个省市关联菜单的例子，Javascript写的我在网上找过，存到数据库里的是数字，查询的时候不好提出来，建议能给个其他的例子
如果有JAVASCRIPT的例子，并且查询时能显示出省市的名字也可以兄弟在这里先谢了！！！！

Answer 1

把option里的value改下就不是数字了。
除了javascript就是vbscript,jscript其实都一样。

Answer 2

shengshi.js文件
==============
//定义分隔符，用于分割[select]变量
var TheSplit1 = "*"        //一级选项与一级选项之间的分隔符
var TheSplit2 = "|"        //一级选项与二级选项之间的分隔符
var TheSplit3 = "^"        //二级选项与二级选项之间的分隔符
var TheSplit4 = "@"        //选项文本与选项值的分隔符，可以省略[值为选项文本值]/*
定义[select]框选项变量,这里以省市二级为例
例：一级选项一|二级选项一^二级选项二^二级选项三*一级选项二|*二级选项三|
*香港|*澳门
注:当一级选项没有二级下属时，请在后面加上TheSplit2分隔符，否帽关联将会出错，所以应该注意防止此类错误发生
如果选项文本与选项值不同时，请在选项文本后加上@值格式:[Text@Value]
如:北京@010|东城@0101^西城@0102
*/
var hwallselecttext = "北京|东城^西城^崇文^宣武^朝阳^丰台^石景山^海淀^门头沟^房山^通州^顺义^昌平^大兴^平谷^怀柔^密云^延庆*上海|黄浦^卢湾^徐汇^长宁^静安^普陀^闸北^虹口^杨浦^闵行^宝山^嘉定^浦东^金山^松江^青浦^南汇^奉贤^崇明*天津|和平^东丽^河东^西青^河西^津南^南开^北辰^河北^武清^红挢^塘沽^汉沽^大港^宁河^静海^宝坻^蓟县*重庆|万州^涪陵^渝中^大渡口^江北^沙坪坝^九龙坡^南岸^北碚^万盛^双挢^渝北^巴南^黔江^长寿^綦江^潼南^铜梁^大足^荣昌^壁山^梁平^城口^丰都^垫江^武隆^忠县^开县^云阳^奉节^巫山^巫溪^石柱^秀山^酉阳^彭水^江津^合川^永川^南川*河北|石家庄^邯郸^邢台^保定^张家口^承德^廊坊^唐山^秦皇岛^沧州^衡水*山西|太原^大同^阳泉^长治^晋城^朔州^吕梁^忻州^晋中^临汾^运城*内蒙古|呼和浩特^包头^乌海^赤峰^呼伦贝尔盟^阿拉善盟^哲里木盟^兴安盟^乌兰察布盟^锡林郭勒盟^巴彦淖尔盟^伊克昭盟*辽宁|沈阳^大连^鞍山^抚顺^本溪^丹东^锦州^营口^阜新^辽阳^盘锦^铁岭^朝阳^葫芦岛*吉林|长春^吉林^四平^辽源^通化^白山^松原^白城^延边*黑龙江|哈尔滨^齐齐哈尔^牡丹江^佳木斯^大庆^绥化^鹤岗^鸡西^黑河^双鸭山^伊春^七台河^大兴安岭*江苏|南京^镇江^苏州^南通^扬州^盐城^徐州^连云港^常州^无锡^宿迁^泰州^淮安*浙江|杭州^宁波^温州^嘉兴^湖州^绍兴^金华^衢州^舟山^台州^丽水*安徽|合肥^芜湖^蚌埠^马鞍山^淮北^铜陵^安庆^黄山^滁州^宿州^池州^淮南^巢湖^阜阳^六安^宣城^亳州*福建|福州^厦门^莆田^三明^泉州^漳州^南平^龙岩^宁德*江西|南昌市^景德镇^九江^鹰潭^萍乡^新馀^赣州^吉安^宜春^抚州^上饶*山东|济南^青岛^淄博^枣庄^东营^烟台^潍坊^济宁^泰安^威海^日照^莱芜^临沂^德州^聊城^滨州^菏泽*河南|郑州^开封^洛阳^平顶山^安阳^鹤壁^新乡^焦作^濮阳^许昌^漯河^三门峡^南阳^商丘^信阳^周口^驻马店^济源*湖北|武汉^宜昌^荆州^襄樊^黄石^荆门^黄冈^十堰^恩施^潜江^天门^仙桃^随州^咸宁^孝感^鄂州*湖南|长沙^常德^株洲^湘潭^衡阳^岳阳^邵阳^益阳^娄底^怀化^郴州^永州^湘西^张家界*广东|广州^深圳^珠海^汕头^东莞^中山^佛山^韶关^江门^湛江^茂名^肇庆^惠州^梅州^汕尾^河源^阳江^清远^潮州^揭阳^云浮*广西|南宁^柳州^桂林^梧州^北海^防城港^钦州^贵港^玉林^南宁地区^柳州地区^贺州^百色^河池*海南|海口^三亚*四川|成都^绵阳^德阳^自贡^攀枝花^广元^内江^乐山^南充^宜宾^广安^达川^雅安^眉山^甘孜^凉山^泸州*贵州|贵阳^六盘水^遵义^安顺^铜仁^黔西南^毕节^黔东南^黔南*云南|昆明^大理^曲靖^玉溪^昭通^楚雄^红河^文山^思茅^西双版纳^保山^德宏^丽江^怒江^迪庆^临沧*西藏|拉萨^日喀则^山南^林芝^昌都^阿里^那曲*陕西|西安^宝鸡^咸阳^铜川^渭南^延安^榆林^汉中^安康^商洛*甘肃|兰州^嘉峪关^金昌^白银^天水^酒泉^张掖^武威^定西^陇南^平凉^庆阳^临夏^甘南*宁夏|银川^石嘴山^吴忠^固原*青海|西宁^海东^海南^海北^黄南^玉树^果洛^海西*新疆|乌鲁木齐^石河子^克拉玛依^伊犁^巴音郭勒^昌吉^克孜勒苏柯尔克孜^博尔塔拉^吐鲁番^哈密^喀什^和田^阿克苏*香港|*澳门|*台湾|台北^高雄^台中^台南^屏东^南投^云林^新竹^彰化^苗栗^嘉义^花莲^桃园^宜兰^基隆^台东^金门^马祖^澎湖*其它|北美洲^南美洲^亚洲^非洲^欧洲^大洋洲"var hwallselecttextarr
hwallselecttextarr = hwallselecttext.split(TheSplit1)
hwArraylength = hwallselecttextarr.length
var hwwhere = new Array(hwArraylength);
hwwhere[0]= new hw_comefrom("请选择@","请选择@");for (var hwl=0;hwl<hwArraylength;hwl++)
{
    eval(hwwhere[hwl+1] = new hw_comefrom(hwallselecttextarr[hwl].split(TheSplit2)[0],hwallselecttextarr[hwl].split(TheSplit2)[1]));
}function hw_comefrom(hwSelect_s1,hwSelect_s2)
{
    this.hwSelect_s1 = hwSelect_s1;
    this.hwSelect_s2 = hwSelect_s2;
}function hw_select(boss,underling)
{
    with(document.getElementsByName(boss)[0])
    {
        var hwSelect_s12 = options[selectedIndex].value;
    }
    for(hwi = 0;hwi < hwwhere.length;hwi ++)
    {
        if (hwwhere[hwi].hwSelect_s1.indexOf(TheSplit4)!=-1)
        {
            var hwThisV = hwwhere[hwi].hwSelect_s1.split(TheSplit4)[1]
        }
        else
        {
            var hwThisV = hwwhere[hwi].hwSelect_s1
        }
        if (hwThisV == hwSelect_s12)
        {
            hwSelect_s13 = (hwwhere[hwi].hwSelect_s2).split(TheSplit3);
            for(hwj = 0;hwj < hwSelect_s13.length;hwj++)
            {
                with(document.getElementsByName(underling)[0])
                {
                    length = hwSelect_s13.length;
                    if (hwSelect_s13[hwj].indexOf(TheSplit4)!=-1)
                    {
                        options[hwj].text = hwSelect_s13[hwj].split(TheSplit4)[0]
                        options[hwj].value = hwSelect_s13[hwj].split(TheSplit4)[1]
                    }
                    else
                    {
                        options[hwj].text = hwSelect_s13[hwj];
                        options[hwj].value = hwSelect_s13[hwj];
                    }
                    var hwSelect_s14=options[selectedIndex].value;
                }
            }
        break;
        }
    }
}
function hw_init(boss,underling,hwdefault_value)
{
alert("初始化");
    with(document.getElementsByName(boss)[0])
    {
        length = hwwhere.length;
        var hwm = 0
        for(hwk=0;hwk<hwwhere.length;hwk++)
        {
            if (hwwhere[hwk].hwSelect_s1.indexOf(TheSplit4)!=-1)
            {
                options[hwk].text = hwwhere[hwk].hwSelect_s1.split(TheSplit4)[0];
                options[hwk].value = hwwhere[hwk].hwSelect_s1.split(TheSplit4)[1];
                if (hwdefault_value.indexOf(hwwhere[hwk].hwSelect_s1.split(TheSplit4)[1])!=-1){hwm = hwk}
            }
            else
            {
                options[hwk].text = hwwhere[hwk].hwSelect_s1;
                options[hwk].value = hwwhere[hwk].hwSelect_s1;
                if (hwdefault_value.indexOf(hwwhere[hwk].hwSelect_s1)!=-1){hwm = hwk}
            }
        }
        selectedIndex = hwm
    }
    with(document.getElementsByName(underling)[0])
    {
        var hwn = 0
        hwSelect_s13 = (hwwhere[hwm].hwSelect_s2).split(TheSplit3);
        length = hwSelect_s13.length;
        for(hwl=0;hwl<length;hwl++)
        {
            if (hwSelect_s13[hwl].indexOf(TheSplit4)!=-1)
            {
                options[hwl].text = hwSelect_s13[hwl].split(TheSplit4)[0];
                options[hwl].value = hwSelect_s13[hwl].split(TheSplit4)[1];
                if (hwdefault_value.indexOf(hwSelect_s13[hwl].split(TheSplit4)[1])!=-1){hwn = hwl}
            }
            else
            {
                options[hwl].text = hwSelect_s13[hwl];
                options[hwl].value = hwSelect_s13[hwl];
                if (hwdefault_value.indexOf(hwSelect_s13[hwl])!=-1){hwn = hwl}
            }
        }
        selectedIndex = hwn
    }
}
=============================
省市联动调用页面
=============================
<select style="WIDTH: 60px" name="province" onchange = "hw_select('province','city')">
</select>
<select style="WIDTH: 85px" name="city" onchange = "hw_select('province','city')">
</select>
<script src="shengshi.js" language="JavaScript"></script>
<script>
//初始化
//"陕西西安"指默认显示的省，市。
 hw_init("province","city","陕西西安");
</script>

Answer 3

< script language=vbScript> 
< !-- 
public x(33) 
x( 0 )="东城,西城,崇文,宣武,朝阳,丰台,石景山,海淀,门头沟,房山,通州,顺义,昌平,大兴,平谷,怀柔,密云,延庆" 
x( 1 )="黄浦,卢湾,徐汇,长宁,静安,普陀,闸北,虹口,杨浦,闵行,宝山,嘉定,浦东,金山,松江,青浦,南汇,奉贤,崇明" 
x( 2 )="和平,东丽,河东,西青,河西,津南,南开,北辰,河北,武清,红挢,塘沽,汉沽,大港,宁河,静海,宝坻,蓟县" 
x( 3 )="万州,涪陵,渝中,大渡口,江北,沙坪坝,九龙坡,南岸,北碚,万盛,双挢,渝北,巴南,黔江,长寿,綦江,潼南,铜梁,大足,荣昌,壁山,梁平,城口,丰都,垫江,武隆,忠县,开县,云阳,奉节,巫山,巫溪,石柱,秀山,酉阳,彭水,江津,合川,永川,南川" 
x( 4 )="石家庄,邯郸,邢台,保定,张家口,承德,廊坊,唐山,秦皇岛,沧州,衡水" 
x( 5 )="太原,大同,阳泉,长治,晋城,朔州,吕梁,忻州,晋中,临汾,运城" 
x( 6 )="呼和浩特,包头,乌海,赤峰,呼伦贝尔盟,阿拉善盟,哲里木盟,兴安盟,乌兰察布盟,锡林郭勒盟,巴彦淖尔盟,伊克昭盟" 
x( 7 )="沈阳,大连,鞍山,抚顺,本溪,丹东,锦州,营口,阜新,辽阳,盘锦,铁岭,朝阳,葫芦岛" 
x( 8 )="长春,吉林,四平,辽源,通化,白山,松原,白城,延边" 
x( 9 )="哈尔滨,齐齐哈尔,牡丹江,佳木斯,大庆,绥化,鹤岗,鸡西,黑河,双鸭山,伊春,七台河,大兴安岭" 
x( 10 )="南京,镇江,苏州,南通,扬州,盐城,徐州,连云港,常州,无锡,宿迁,泰州,淮安" 
x( 11 )="杭州,宁波,温州,嘉兴,湖州,绍兴,金华,衢州,舟山,台州,丽水" 
x( 12 )="合肥,芜湖,蚌埠,马鞍山,淮北,铜陵,安庆,黄山,滁州,宿州,池州,淮南,巢湖,阜阳,六安,宣城,亳州" 
x( 13 )="福州,厦门,莆田,三明,泉州,漳州,南平,龙岩,宁德" 
x( 14 )="南昌市,景德镇,九江,鹰潭,萍乡,新馀,赣州,吉安,宜春,抚州,上饶" 
x( 15 )="济南,青岛,淄博,枣庄,东营,烟台,潍坊,济宁,泰安,威海,日照,莱芜,临沂,德州,聊城,滨州,菏泽" 
x( 16 )="郑州,开封,洛阳,平顶山,安阳,鹤壁,新乡,焦作,濮阳,许昌,漯河,三门峡,南阳,商丘,信阳,周口,驻马店,济源" 
x( 17 )="武汉,宜昌,荆州,襄樊,黄石,荆门,黄冈,十堰,恩施,潜江,天门,仙桃,随州,咸宁,孝感,鄂州" 
x( 18 )="长沙,常德,株洲,湘潭,衡阳,岳阳,邵阳,益阳,娄底,怀化,郴州,永州,湘西,张家界" 
x( 19 )="广州,深圳,珠海,汕头,东莞,中山,佛山,韶关,江门,湛江,茂名,肇庆,惠州,梅州,汕尾,河源,阳江,清远,潮州,揭阳,云浮" 
x( 20 )="南宁,柳州,桂林,梧州,北海,防城港,钦州,贵港,玉林,南宁地区,柳州地区,贺州,百色,河池" 
x( 21 )="海口,三亚" 
x( 22 )="成都,绵阳,德阳,自贡,攀枝花,广元,内江,乐山,南充,宜宾,广安,达川,雅安,眉山,甘孜,凉山,泸州" 
x( 23 )="贵阳,六盘水,遵义,安顺,铜仁,黔西南,毕节,黔东南,黔南" 
x( 24 )="昆明,大理,曲靖,玉溪,昭通,楚雄,红河,文山,思茅,西双版纳,保山,德宏,丽江,怒江,迪庆,临沧" 
x( 25 )="拉萨,日喀则,山南,林芝,昌都,阿里,那曲" 
x( 26 )="西安,宝鸡,咸阳,铜川,渭南,延安,榆林,汉中,安康,商洛" 
x( 27 )="兰州,嘉峪关,金昌,白银,天水,酒泉,张掖,武威,定西,陇南,平凉,庆阳,临夏,甘南" 
x( 28 )="银川,石嘴山,吴忠,固原" 
x( 29 )="西宁,海东,海南,海北,黄南,玉树,果洛,海西" 
x( 30 )="乌鲁木齐,石河子,克拉玛依,伊犁,巴音郭勒,昌吉,克孜勒苏柯尔克孜,博 尔塔拉,吐鲁番,哈密,喀什,和田,阿克苏" 
x( 31 )="" 
x( 32 )="" 
x( 33 )="台北,高雄,台中,台南,屏东,南投,云林,新竹,彰化,苗栗,嘉义,花莲,桃园,宜兰,基隆,台东,金门,马祖,澎湖" function test(a,b) 
dim num,x1,i 
num =a.selectedIndex 
x1=split(x(num),",") 
b.options.length=ubound(x1)+1 
For i = 0 to ubound(x1) 
b.options(i).text =x1(i) 
b.options(i).value = x1(i) 
next 
end function 
--> 
< /script> 
< body> 
< select name="a" onChange="vbscript:test a,b"> 
< option value= 0 >北京 
< option value= 1 >上海 
< option value= 2 >天津 
< option value= 3 >重庆 
< option value= 4 >河北 
< option value= 5 >山西 
< option value= 6 >内蒙古</option> 
< option value= 7 >辽宁 
< option value= 8 >吉林 
< option value= 9 >黑龙江 
< option value= 10 >江苏 
< option value= 11 >浙江 
< option value= 12 >安徽 
< option value= 13 >福建 
< option value= 14 >江西 
< option value= 15 >山东 
< option value= 16 >河南 
< option value= 17 >湖北 
< option value= 18 >湖南 
< option value= 19 >广东 
< option value= 20 >广西 
< option value= 21 >海南 
< option value= 22 >四川 
< option value= 23 >贵州 
< option value= 24 >云南 
< option value= 25 >西藏 
< option value= 26 >陕西 
< option value= 27 >甘肃 
< option value= 28 >宁夏 
< option value= 29 >青海 
< option value= 30 >新疆 
< option value= 31 >香港 
< option value= 32 >澳门 
< option value= 33 >台湾 < /select> 
< select name="b"> 
< /select> 
< /body> 

Answer 4

我用的是JSP，省市在数据库里都是以数字形式存储的，我想查询后显示出相应的城市，不知道怎么做啊。

Answer 5

在页面上先把省的下拉列表的值读出来,应该没问题吧,然后在省下拉的onChange事件里提交本页面,然后再按提交后取得的省的下拉值去到数据库里查出第二个下拉的值显示,这是个思路不知道你是否理解?

Answer 6

to:lip009(深蓝忧郁）大概理解了，有类似的例子吗？最好有建好的表，不然表里的记录太多了，光是录入这些就需要很多时间呢，谢谢了能给提供个吗？

Answer 7

用iframe来实现，就像楼上说的在页面上先把省的下拉列表的值读出来，然后onchange事件里提交iframe里的页面，那个页面要做的事就是根据当前所选的省份，列出市来，地区的也一样，再套个iframe。

Answer 8

up zhuangyan2004(我爱小玉) 我就是用同样的方法来实现级联菜单的

Answer 9

刚刚用AJAX写了个简单的小例子
你拿去把下拉内容修改一下就可以了

Answer 10

第一个下拉列表选择页面a.jsp
================================================
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
下拉列表联动
</title>
</head>
<body bgcolor="#ffffff">
<table>
  <tr>
    <td>
      <select name="s1" onChange="haha()">
   <option value="1">1
   <option value="2">2
   <option value="3">3
   <option value="4">4
      </select>
    </td>
    <td id="heihei">
      <select>
       <option>请先选择第一个下拉
      </select>
    </td>
  </tr>
</table>
<script>
 //定义XMLHttpRequest对象
 var http_request=false; function send_request(url){
  http_request=false;
  //开始初始化XMLHttpRequest对象
  if(window.XMLHttpRequest){//Mozilla等浏览器初始化XMLHttpRequest过程
  http_request=new XMLHttpRequest();
  //有些版本的Mozilla浏览器处理服务器返回的未包含XML mime-type头部信息的内容时会出错.
  //因此,要确保返回的内容包含text/xml信息.
  if(http_request.overrideMimeType){
  http_request.overrideMimeType("text/xml");
  }
  }
  else if(window.ActiveXObject){//IE浏览器初始化XMLHttpRequest过程
  try{
  http_request=new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e){
  try{
  http_request=new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch(e){}
  }
  }
  //异常,创建对象失败
  if(!http_request){
  window.alert("不能创建XMLHttpRequest对象实例!");
  return false;
  }
  //指定响应处理函数
  http_request.onreadystatechange=processRequest;
  //发送HTTP请求信息
  http_request.open("GET",url,true);
  http_request.send(null);
 } //处理返回信息函数
 function processRequest(){
  //判断对象状态
  if(http_request.readyState==4){
  //判断HTTP状态码
  if(http_request.status==200){
  //信息已经成功返回
  //window.document.write(http_request.responseText);
//alert(http_request.responseText);
document.getElementById("heihei").innerHTML=http_request.responseText;
  }
  else {
  //请求页面有问题
  alert("您所请求的页面有异常!错误状态:"+http_request.status);
  }
  }
 } function haha(){
send_request("select.jsp");
 }
</script>
</body>
</html>
=========================================
第二个下拉列表页面b.jsp
=========================================
<%@ page contentType="text/html; charset=GBK" %>
<%
  String flag=request.getParameter("flag");
  if("1".equals(flag)){
%>
<select name="s2">
  <option value="a">a
  <option value="b">b
  <option value="c">c
  <option value="d">d
</select>
<%
  }else if("2".equals(flag)){
%>
<select name="s2">
  <option value="e">e
  <option value="f">f
  <option value="g">g
  <option value="h">h
</select>
<%
  }else{
%>
<select name="s2">
  <option value="null">此项没有内容
</select>
<%
  }
%>

Answer 11

to:lip009(深蓝忧郁) 
没看懂，是不是我比较笨啊，555555555555555555555

Answer 12

AJAX部分都有注释的,仔细看下,再到网上搜一些有关AJAX的介绍看看
http://blog.csdn.net/lip009/archive/2006/09/11/1208343.aspx
我刚写的一篇关于下拉的BLOG,去看看

Answer 13

这我更不明白了，都没用过，晕死了！结贴到时行，你有什么联系方式吗，比如MSN，QQ什么的，留一个我加你

Answer 14

無刷新的省市兩級連動
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>省市兩級連動</title>
<script defer>
var ar = 
[[["安徽省"],["安慶市","蚌埠市","巢湖市","池州市","滁州市","阜陽市","毫州市","合肥市","淮北市","淮南市","黃山市","六安市","馬鞍山市","宿州市","銅陵市","蕪湖市","宣州市"]],[["澳門"],["澳門"]],[["北京市"],["北京市"]],[["福建省"],["福州市","龍岩市","南平市","寧德市","莆田市","泉州市","三明市","廈門市","漳州市"]],[["甘肅省"],["白銀市","定西地區","甘南自治州","嘉峪關市","金昌市","酒泉地區","蘭州市","臨夏自治州","隴南地區","平涼地區","慶陽地區","天水市","武威市","張掖地區"]],[["廣東省"],["深圳市","潮州市","東莞市","佛山市","廣州市","河源市","惠州市","江門市","揭陽市","茂名市","梅州市","清遠市","汕頭市","汕尾市","韶關市","陽江市","雲浮市","湛江市","肇慶市","中山市","珠海市"]],[["廣西"],["百色地區","北海市","防城港市","桂林地區","桂林市","貴港市","河池地區","柳州地區","柳州市","南寧市","南寧地區","欽州市","賀州地區","梧州市","玉林市"]],[["貴州省"],["安順市","畢節地區","貴陽市","六盤水市","黔東南自治州","黔南自治州","黔西南自治州","銅仁市","遵義市"]],[["海南省"],["海口市","三亞市"]],[["河北省"],["保定地區","保定市","滄州地區","滄州市","承德地區","承德市","邯鄲市","衡水市","廊坊市","秦皇島市","深州市","石家莊市","唐山市","邢臺地區","邢臺市","張家口地區","張家口市"]],[["河南省"],["安陽市","鶴壁市","焦作市","開封市","洛陽市","南陽市","平頂山市","三門峽市","商丘市","新鄉市","信陽市","許昌市","鄭州市","周口市","駐馬店市","漯河市","濮陽市"]],[["黑龍江"],["大慶市","大興安嶺","哈爾濱市","鶴崗市","黑河地區","黑河市","雞西市","佳木斯市","牡丹江市","七台河市","齊齊哈爾市","雙鴨山市","松花江地區","綏化市","伊春市"]],[["湖北省"],["鄂州市","恩施自治州","黃岡市","黃石市","荊門市","荊州市","十堰市","隨州市","武漢市","咸寧市","襄樊市","孝感地區","孝感市","宜昌地區","宜昌市","鄖陽地區"]],[["湖南省"],["常德市","長沙市","郴州地區","張家界市","衡陽市","懷化市","永州市","婁底市","邵陽市","湘潭市","湘西自治區","益陽市","岳陽市","株洲市"]],[["吉林省"],["白城地區","白城市","白山市","長春市","渾江市","吉林市","遼源市","四平市","松原市","通化市","延邊自治區"]],[["江蘇省"],["常州市","淮陰市","連雲港市","南京市","南通市","蘇州市","宿遷市","泰州市","無錫市","徐州市","鹽城市","揚州市","鎮江市"]],[["江西省"],["撫州市","贛州市","吉安市","景德鎮市","九江市","南昌市","萍鄉市","上饒市","新餘市","宜春市","鷹潭市"]],[["遼寧省"],["鞍山市","本溪市","朝陽市","大連市","丹東市","撫順市","阜新市","葫蘆島市","錦州市","遼陽市","盤錦市","瀋陽市","鐵嶺市","營口市"]],[["內蒙古"],["阿拉善盟","巴彥淖爾盟","包頭市","赤峰市","呼和浩特市","呼倫貝爾市","烏海市","烏蘭察布盟","錫林郭勒盟","興安盟","鄂爾多斯市","通遼市"]],[["寧夏"],["固原市","石嘴山市","銀川市","吳忠市"]],[["青海省"],["果洛自治州","海北自治州","海東地區","海南自治州","海西自治州","黃南自治州","西寧市","玉樹自治州"]],[["山東省"],["濱州市","德州市","東營市","菏澤地區","濟南市","濟寧市","萊蕪市","聊城市","臨沂市","青島市","日照市","泰安市","威海市","濰坊市","煙臺市","棗莊市","淄博市"]],[["山西省"],["長治市","大同市","晉城市","晉中市","臨汾市","呂梁地區","朔州市","太原市","忻州市","雁北地區","陽泉市","運城市"]],[["陝西省"],["安康市","寶雞市","漢中市","商洛市","銅川市","渭南市","西安市","咸陽市","延安市","榆林市"]],[["上海市"],["上海市"]],[["四川省"],["阿壩自治州","巴中市","成都市","達州市","德陽市","甘孜自治州","廣安市","廣元市","樂山市","涼山自治州","眉山市","綿陽市","南充市","內江市","攀枝花市","遂寧市","雅安市","宜賓市","自貢市","瀘州市","資陽市"]],[["臺灣"],["高雄市","高雄縣","花蓮縣","基隆市","嘉義市","嘉義縣","苗栗縣","南投縣","澎湖縣","屏東縣","臺北市","臺北縣","台東縣","台南市","台南縣","台中市","台中縣","桃園縣","新竹市","新竹縣","宜蘭縣","雲林縣","彰化市","彰化縣"]],[["天津市"],["天津市"]],[["西藏"],["阿裏地區","昌都地區","拉薩市","林芝地區","那曲地區","日喀則地區","山南地區"]],[["香港"],["香港"]],[["新疆"],["阿克蘇地區","阿勒泰地區","巴音郭楞州","博爾塔拉州","昌吉自治州","哈密地區","和田地區","喀什地區","克拉瑪依市","克孜勒州","石河子市","塔城地區","吐魯番地區","烏魯木齊市","伊犁地區"]],[["雲南省"],["保山市","楚雄自治州","大理自治州","德宏自治州","迪慶自治州","東川市","紅河自治州","昆明市","麗江地區","臨滄地區","怒江自治州","曲靖市","思茅地區","文山自治州","西雙版納州","玉溪市","昭通市"]],[["浙江省"],["杭州市","湖州市","嘉興市","金華市","麗水市","寧波市","紹興市","台州市","溫州市","舟山市","衢州市"]],[["重慶市"],["重慶市"]],[["捷和廠"],["王德軍","吳善峰","阿波仔","黃丹窮"]]];for (var i=0;i<ar.length;i++)
prov.options[prov.options.length]=new Option(ar[i][0],ar[i][0])function provChanged(i)
{
city.innerHTML=""
for (var j=0;j<ar[i][1].length;j++)
city.options[city.options.length]=new Option(ar[i][1][j],ar[i][1][j])
}provChanged(0);function show()
{
alert(prov.value+city.value)
}
</script>
</head>
<body>
<select id=prov style="width:100" onchange="provChanged(selectedIndex)"></select>
<select id=city style="width:100"></select> 
<button onclick="show()">test</button> 
</body>
</html>