本日志标题：联动下拉菜单 [2004-2-15]

二节联动下拉菜单

var Citys=new Array(
new Array("110100","北京"),
new Array("120100","天津"),
new Array("130101","石家庄"),
new Array("130201","唐山"),
new Array("130301","秦皇岛"),
new Array("130701","张家口"),
new Array("130801","承德"),
new Array("131001","廊坊"),
new Array("130401","邯郸"),
new Array("130501","邢台"),
new Array("130601","保定"),
new Array("130901","沧州"),
new Array("133001","衡水"),
new Array("140101","太原"),
new Array("140201","大同"),
new Array("140301","阳泉"),
new Array("140501","晋城"),
new Array("140601","朔州"),
new Array("142201","忻州"),
new Array("142331","离石"),
new Array("142401","榆次"),
new Array("142601","临汾"),
new Array("142701","运城"),
new Array("140401","长治"),
new Array("150101","呼和浩特"),
new Array("150201","包头"),
new Array("150301","乌海"),
new Array("152601","集宁"),
new Array("152701","东胜"),
new Array("152801","临河"),
new Array("152921","阿拉善左旗"),
new Array("150401","赤峰"),
new Array("152301","通辽"),
new Array("152502","锡林浩特"),
new Array("152101","海拉尔"),
new Array("152201","乌兰浩特"),
new Array("210101","沈阳"),
new Array("210201","大连"),
new Array("210301","鞍山"),
new Array("210401","抚顺"),
new Array("210501","本溪"),
new Array("210701","锦州"),
new Array("210801","营口"),
new Array("210901","阜新"),
new Array("211101","盘锦"),
new Array("211201","铁岭"),
new Array("211301","朝阳"),
new Array("211401","锦西"),
new Array("210601","丹东"),
new Array("220101","长春"),
new Array("220201","吉林"),
new Array("220301","四平"),
new Array("220401","辽源"),
new Array("220601","浑江"),
new Array("222301","白城"),
new Array("222401","延吉"),
new Array("220501","通化"),
new Array("230101","哈尔滨"),
new Array("230301","鸡西"),
new Array("230401","鹤岗"),
new Array("230501","双鸭山"),
new Array("230701","伊春"),
new Array("230801","佳木斯"),
new Array("230901","七台河"),
new Array("231001","牡丹江"),
new Array("232301","绥化"),
new Array("230201","齐齐哈尔"),
new Array("230601","大庆"),
new Array("232601","黑河"),
new Array("232700","加格达奇"),
new Array("310100","上海"),
new Array("320101","南京"),
new Array("320201","无锡"),
new Array("320301","徐州"),
new Array("320401","常州"),
new Array("320501","苏州"),
new Array("320600","南通"),
new Array("320701","连云港"),
new Array("320801","淮阴"),
new Array("320901","盐城"),
new Array("321001","扬州"),
new Array("321101","镇江"),
new Array("330101","杭州"),
new Array("330201","宁波"),
new Array("330301","温州"),
new Array("330401","嘉兴"),
new Array("330501","湖州"),
new Array("330601","绍兴"),
new Array("330701","金华"),
new Array("330801","衢州"),
new Array("330901","舟山"),
new Array("332501","丽水"),
new Array("332602","临海"),
new Array("340101","合肥"),
new Array("340201","芜湖"),
new Array("340301","蚌埠"),
new Array("340401","淮南"),
new Array("340501","马鞍山"),
new Array("340601","淮北"),
new Array("340701","铜陵"),
new Array("340801","安庆"),
new Array("341001","黄山"),
new Array("342101","阜阳"),
new Array("342201","宿州"),
new Array("342301","滁州"),
new Array("342401","六安"),
new Array("342501","宣州"),
new Array("342601","巢湖"),
new Array("342901","贵池"),
new Array("350101","福州"),
new Array("350201","厦门"),
new Array("350301","莆田"),
new Array("350401","三明"),
new Array("350501","泉州"),
new Array("350601","漳州"),
new Array("352101","南平"),
new Array("352201","宁德"),
new Array("352601","龙岩"),
new Array("360101","南昌"),
new Array("360201","景德镇"),
new Array("362101","赣州"),
new Array("360301","萍乡"),
new Array("360401","九江"),
new Array("360501","新余"),
new Array("360601","鹰潭"),
new Array("362201","宜春"),
new Array("362301","上饶"),
new Array("362401","吉安"),
new Array("362502","临川"),
new Array("370101","济南"),
new Array("370201","青岛"),
new Array("370301","淄博"),
new Array("370401","枣庄"),
new Array("370501","东营"),
new Array("370601","烟台"),
new Array("370701","潍坊"),
new Array("370801","济宁"),
new Array("370901","泰安"),
new Array("371001","威海"),
new Array("371100","日照"),
new Array("372301","滨州"),
new Array("372401","德州"),
new Array("372501","聊城"),
new Array("372801","临沂"),
new Array("372901","菏泽"),
new Array("410101","郑州"),
new Array("410201","开封"),
new Array("410301","洛阳"),
new Array("410401","平顶山"),
new Array("410501","安阳"),
new Array("410601","鹤壁"),
new Array("410701","新乡"),
new Array("410801","焦作"),
new Array("410901","濮阳"),
new Array("411001","许昌"),
new Array("411101","漯河"),
new Array("411201","三门峡"),
new Array("412301","商丘"),
new Array("412701","周口"),
new Array("412801","驻马店"),
new Array("412901","南阳"),
new Array("413001","信阳"),
new Array("420101","武汉"),
new Array("420201","黄石"),
new Array("420301","十堰"),
new Array("420400","沙市"),
new Array("420501","宜昌"),
new Array("420601","襄樊"),
new Array("420701","鄂州"),
new Array("420801","荆门"),
new Array("422103","黄州"),
new Array("422201","孝感"),
new Array("422301","咸宁"),
new Array("422421","江陵"),
new Array("422801","恩施"),
new Array("430101","长沙"),
new Array("430401","衡阳"),
new Array("430501","邵阳"),
new Array("432801","郴州"),
new Array("432901","永州"),
new Array("430801","大庸"),
new Array("433001","怀化"),
new Array("433101","吉首"),
new Array("430201","株洲"),
new Array("430301","湘潭"),
new Array("430601","岳阳"),
new Array("430701","常德"),
new Array("432301","益阳"),
new Array("432501","娄底"),
new Array("440101","广州"),
new Array("440301","深圳"),
new Array("441501","汕尾"),
new Array("441301","惠州"),
new Array("441601","河源"),
new Array("440601","佛山"),
new Array("441801","清远"),
new Array("441901","东莞"),
new Array("440401","珠海"),
new Array("440701","江门"),
new Array("441201","肇庆"),
new Array("442001","中山"),
new Array("440801","湛江"),
new Array("440901","茂名"),
new Array("440201","韶关"),
new Array("440501","汕头"),
new Array("441401","梅州"),
new Array("441701","阳江"),
new Array("450101","南宁"),
new Array("450401","梧州"),
new Array("452501","玉林"),
new Array("450301","桂林"),
new Array("452601","百色"),
new Array("452701","河池"),
new Array("452802","钦州"),
new Array("450201","柳州"),
new Array("450501","北海"),
new Array("460100","海口"),
new Array("460200","三亚"),
new Array("510101","成都"),
new Array("513321","康定"),
new Array("513101","雅安"),
new Array("513229","马尔康"),
new Array("510301","自贡"),
new Array("500100","重庆"),
new Array("512901","南充"),
new Array("510501","泸州"),
new Array("510601","德阳"),
new Array("510701","绵阳"),
new Array("510901","遂宁"),
new Array("511001","内江"),
new Array("511101","乐山"),
new Array("512501","宜宾"),
new Array("510801","广元"),
new Array("513021","达县"),
new Array("513401","西昌"),
new Array("510401","攀枝花"),
new Array("500239","黔江土家族苗族自治县"),
new Array("520101","贵阳"),
new Array("520200","六盘水"),
new Array("522201","铜仁"),
new Array("522501","安顺"),
new Array("522601","凯里"),
new Array("522701","都匀"),
new Array("522301","兴义"),
new Array("522421","毕节"),
new Array("522101","遵义"),
new Array("530101","昆明"),
new Array("530201","东川"),
new Array("532201","曲靖"),
new Array("532301","楚雄"),
new Array("532401","玉溪"),
new Array("532501","个旧"),
new Array("532621","文山"),
new Array("532721","思茅"),
new Array("532101","昭通"),
new Array("532821","景洪"),
new Array("532901","大理"),
new Array("533001","保山"),
new Array("533121","潞西"),
new Array("533221","丽江纳西族自治县"),
new Array("533321","泸水"),
new Array("533421","中甸"),
new Array("533521","临沧"),
new Array("540101","拉萨"),
new Array("542121","昌都"),
new Array("542221","乃东"),
new Array("542301","日喀则"),
new Array("542421","那曲"),
new Array("542523","噶尔"),
new Array("542621","林芝"),
new Array("610101","西安"),
new Array("610201","铜川"),
new Array("610301","宝鸡"),
new Array("610401","咸阳"),
new Array("612101","渭南"),
new Array("612301","汉中"),
new Array("612401","安康"),
new Array("612501","商州"),
new Array("612601","延安"),
new Array("612701","榆林"),
new Array("620101","兰州"),
new Array("620401","白银"),
new Array("620301","金昌"),
new Array("620501","天水"),
new Array("622201","张掖"),
new Array("622301","武威"),
new Array("622421","定西"),
new Array("622624","成县"),
new Array("622701","平凉"),
new Array("622801","西峰"),
new Array("622901","临夏"),
new Array("623027","夏河"),
new Array("620201","嘉峪关"),
new Array("622102","酒泉"),
new Array("630100","西宁"),
new Array("632121","平安"),
new Array("632221","门源回族自治县"),
new Array("632321","同仁"),
new Array("632521","共和"),
new Array("632621","玛沁"),
new Array("632721","玉树"),
new Array("632802","德令哈"),
new Array("640101","银川"),
new Array("640201","石嘴山"),
new Array("642101","吴忠"),
new Array("642221","固原"),
new Array("650101","乌鲁木齐"),
new Array("650201","克拉玛依"),
new Array("652101","吐鲁番"),
new Array("652201","哈密"),
new Array("652301","昌吉"),
new Array("652701","博乐"),
new Array("652801","库尔勒"),
new Array("652901","阿克苏"),
new Array("653001","阿图什"),
new Array("653101","喀什"),
new Array("654101","伊宁"),
new Array("710001","台北"),
new Array("710002","基隆"),
new Array("710020","台南"),
new Array("710019","高雄"),
new Array("710008","台中"),
new Array("211001","辽阳"),
new Array("653201","和田"),
new Array("542200","泽当镇"),
new Array("542600","八一镇"),
new Array("820000","澳门"),
new Array("810000","香港")
);

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[0].selected=true;
    selProvince.length=i+1;
}

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

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

全国省份关联表

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

三级联动菜单

<TITLE>三级联动</TITLE>
<STYLE>
body { font-size: 11px; font-family: Verdana;background:#ececec;color:#666666;}
select { font-size: 11px; font-family: Verdana;vertical-align: middle;margin: 3px;background:#ececec;color:#666666;}
</STYLE>
<div id="tar">&nbsp;</div>
<script>var createDate = "2003.8.19";</script>
<SCRIPT LANGUAGE="JavaScript" DEFER>
var fMenu = ["上海","北京","广东","南京"]
var fValue = ["shanghai","beijing","guadong","nanjing"]
var sMenu = [["杨浦区","徐汇区","黄浦区","卢湾区"],["丰台区","宝定区"],["广州","深圳"],["雨花台","郊区别墅"]]
var sValue = [["yp","xh","hp","lw"],["ft","bd"],["gz","sz"],["yht"]]
var tMenu = [[["市光新村","工农三村"],["徐汇新村","徐汇高楼"],["黄浦楼宇","外滩风景"],["卢湾菜场","卢湾体育馆"]],[["亚运村","无名村"],["宝定村"]],[["广州市区","广州郊区"],["深圳市区","福田"]],[["南京市区","南京郊区"],["别墅1","别墅2"]]]

var oWhere = document.all.tar;
var ofMenu = document.createElement("<SELECT name='city'>");
var osMenu = document.createElement("<SELECT name='region'>");
var otMenu = document.createElement("<SELECT name='village'>");
with(oWhere)appendChild(ofMenu),appendChild(osMenu),appendChild(otMenu);

createMainOptions();
createSubOptions(0);
createSub2Options(0,0);

ofMenu.onchange = function() {createSubOptions(this.selectedIndex);createSub2Options(this.selectedIndex,osMenu.selectedIndex);};
osMenu.onchange = function() {createSub2Options(ofMenu.selectedIndex,this.selectedIndex);};

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

附：以上二节联动的菜单中，当另外页进行表单数据收集的时候，只会返回value的值，而value值恰恰非中文。
所以最好能返回文本框里的值

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]
又据信兄想法，做成了hidden类型，也还是直接调用。

提交页面直接 request.form("name")就OK了。

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

年、月、日三级联动

<html>
<head>
<title>年月日三下拉框联动</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
</head>

//先给年下拉框赋内容
var y = new Date().getFullYear();
var str = strYYYY.substring(0, strYYYY.length - 9);
for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年
{
str += "<option value='" + i + "'> " + i + " 年" + "</option>\r\n";
}
document.form1.YYYY.outerHTML = str +"</select>";

//赋月份的下拉框
var str = strMM.substring(0, strMM.length - 9);
for (var i = 1; i < 13; i++)
{
str += "<option value='" + i + "'> " + i + " 月" + "</option>\r\n";
}
document.form1.MM.outerHTML = str +"</select>";

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

[Edit on 2004-9-2 15:51:26 By cnbruce]

在百度搜索完整的联动下拉菜单内容，或者用Google搜索相关的更多内容

By [cnbruce] at 9:41:30 | 评论 [12] | 浏览 [28800] | TrackBack| 返回顶部

9 XML+ JS创建树形菜单 :篇一上

下一篇: Ctrl+Enter提交表单 :

About Comments

,二级联动提交到其它页面怎么才能提交中文呀？？

By [r801119] at 2004-3-10 2:07:20

vbscript怎么做呢？也就是数据在服务器端的数据库中

By [tanzi] at 2004-6-9 13:41:13

By [笑一] at 2004-6-9 16:03:15

是否可按照以上“二级联动下拉菜单”的方法制作“三级联动下拉菜单”？如果行，请帮忙改一下，谢了。cn56net@vip.163.com

By [ylp1588] at 2004-6-15 17:32:49

我已经自己将制作“二级联动下拉菜单”的方法制作成“三级联动下拉菜单，具体内容如下：

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 4</title>
<script language="javascript">
var g_selProvince;
var g_selCity;
var g_selCounty;

var Provinces=new Array(
new Array("1","四川"),
new Array("2","云南"),
new Array("3","贵州"),
new Array("4","湖南"),
new Array("5","湖北"),
new Array("6","山西"),
new Array("7","山东"),
new Array("8","陕西"),
new Array("9","甘肃"),
new Array("10","浙江")
);

var Citys=new Array(
new Array("1","1","成都"),
new Array("1","2","自贡"),
new Array("2","3","昆明"),
new Array("2","4","召通"),
new Array("3","5","贵阳"),
new Array("3","6","贵阳1"),
new Array("4","7","长沙"),
new Array("4","8","靖州"),
new Array("5","9","武汉"),
new Array("5","10","武汉1"),
new Array("6","11","山西1"),
new Array("6","12","山西2"),
new Array("7","13","山东1"),
new Array("7","14","山东2"),
new Array("8","15","西安1"),
new Array("8","16","西安2"),
new Array("9","17","兰州1"),
new Array("9","18","兰州2"),
new Array("10","19","杭州"),
new Array("10","20","温州")
);

var Countys=new Array(
new Array("1","1","成都11"),
new Array("1","2","成都22"),
new Array("2","3","自贡11"),
new Array("2","4","自贡22"),
new Array("3","5","昆明11"),
new Array("3","6","昆明22"),
new Array("4","7","召通11"),
new Array("4","8","召通22"),
new Array("5","9","贵阳11"),
new Array("5","10","贵阳22"),
new Array("6","11","贵阳111"),
new Array("6","12","贵阳122"),
new Array("7","13","长沙11"),
new Array("7","14","长沙22"),
new Array("8","15","靖州11"),
new Array("8","16","靖州22"),
new Array("9","17","武汉11"),
new Array("9","18","武汉22"),
new Array("10","19","武汉111"),
new Array("10","20","武汉122"),
new Array("11","21","山西111"),
new Array("11","22","山西122"),
new Array("12","23","山西211"),
new Array("12","24","山西222"),
new Array("13","25","山东111"),
new Array("13","26","山东122"),
new Array("14","27","山东211"),
new Array("14","28","山东222"),
new Array("15","29","西安111"),
new Array("15","30","西安122"),
new Array("16","31","西安211"),
new Array("16","32","西安222"),
new Array("17","33","兰州111"),
new Array("17","34","兰州12"),
new Array("18","35","兰州211"),
new Array("18","36","兰州222"),
new Array("19","37","杭州11"),
new Array("19","38","杭州22"),
new Array("20","39","温州11"),
new Array("20","40","温州22")
);

function FillProvinces(selProvince)
{
  selProvince.options[0]=new Option("请选择","0");
  for(i=0;i<Provinces.length;i++)
  {
    selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][0]);
  }
  selProvince.options[0].selected=true;
  selProvince.length=i+1;
}

function City_onchange()
{
  FillCountys(g_selCounty,g_selCity.value);
}

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

function InitCitySelect(selProvince,selCity,selCounty)
{
  g_selProvince=selProvince;
  g_selCity=selCity;
  g_selCounty=selCounty;
  selProvince.onchange=Function("Province_onchange();");
  selCity.onchange=Function("City_onchange();");
  FillProvinces(selProvince);
  Province_onchange();
}
</script>
</head>

<body>
<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>
 <SELECT id=county size=1 name=county>
 <OPTION selected></OPTION>
 </SELECT>
<SCRIPT language=javascript>
InitCitySelect(document.profile.province,document.profile.city,document.profile.county);
 </SCRIPT>
<input type="submit">
</form>
</body>

</html>

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

[Edit on 2004-9-2 15:39:44 By cnbruce]

By [ylp1588] at 2004-6-16 9:57:17

在asp中怎样读取数据到js下拉菜单中？

By [fccvip] at 2004-7-3 13:36:19

怎么ylp1588写的代码运行不了啊

By [tomjack] at 2004-7-5 10:35:08

就是你那个2级改3级的那个代码

By [tomjack] at 2004-7-5 10:38:29

年、月、日三级联动有问题，日期初始化的时候没有

By [dengbo] at 2005-2-2 11:46:17