当前位置: 首页 > 图文教程 > 网络编程 > ASP > 省名与城名下拉选择框联动

ASP
ASP 编程中20个非常有用的例子(一)
ASP 编程中20个非常有用的例子(二)
ASP基础教程:ADO存取数据库时如何分页显示
ASP基础教程:其它的ASP常用组件
ASP基础教程:学习ASP中子程序的应用
ASP基础教程之ASP程序对Cookie的处理
ASP基础教程之实例学习ASP Response 对象
ASP基础教程之ASP AdRotator 组件的使用
ADO初学者教程:ADO 通过GetString()加速脚本
初学者来认识OLEDB和ODBC的区别
ASP常见数学函数 Abs Atn Cos 等详细详解
VBScript新手入门初学教程:VBScript简介
有用的无声递交表单的客户端函数
Windows 2003 安装设置iis
ASP技巧实例:几行代码解决防止表单重复提交
ASP读sql数据时出现乱码问题的解决方法
ASP技巧实例:使用ASP记录在线用户的数量
ASP技巧实例:关于对表单操作的程序
ASP技巧实例:ASP实现最简洁的多重查询的解决方案
ASP实例:利用缓存提高数据显示效率

ASP 中的 省名与城名下拉选择框联动


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-03   浏览: 55 ::
收藏到网摘: n/a

       表单中,第一个列表框有a,b,c三个选项,当用户选中a时,第二个列表框显示a1,a2,a3三个选项,(若用户在第一个列表框中选择b,第二个列表框显示b1,b2,b3,以此类推),当用户在第二个列表框中选择a1,第三个列表框中显示a11,a12,a13。请问如何实现?
  ---------------------------------------------------------------
  
  给你一个,以此类推
  <script LANGUAGE="javascript">
  <!--
  var onecount;
  onecount=0;
  
  subcat = new Array();
  subcat[0] = new Array("徐汇区","01","001");
  subcat[1] = new Array("嘉定区","01","002");
  subcat[2] = new Array("黄浦区","01","003");
  subcat[3] = new Array("南昌市","02","004");
  subcat[4] = new Array("九江市","02","005");
  subcat[5] = new Array("上饶市","02","006");
  
  onecount=6;
  
  function changelocation(locationid)
  {
  document.myform.smalllocation.length = 0;
  
  var locationid=locationid;
  var i;
  document.myform.smalllocation.options[0] = new Option('====所有地区====','');
  for (i=0;i < onecount; i++)
  {
  if (subcat[i][1] == locationid)
  {
  document.myform.smalllocation.options[document.myform.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
  }
  }
  
  }
  
  //-->
  </script>
  </head>
  
  <form name="myform" method="post">
  <select name="biglocation" onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
  <option value="01" selected>上海</option>
  <option value="02">江西</option>
  </select>
  <select name="smalllocation">
  <option selected value="">==所有地区==</option>
  </select>
  </form>
  ---------------------------------------------------------------
  
  <script language=JavaScript>
  <!--
  ct = new Array();
  ct[0] = "none";
  //直辖市--北京 1,1
  ct[1] = "北京";
  //直辖市--上海 2,1
  ct[2] = "上海";
  //直辖市--天津 3,1
  ct[3] = "天津";
  //直辖市--重庆 4,1
  ct[4] = "重庆";
  //河北省的主要城市 5,10
  ct[5] = "石家庄";
  ct[6] = "保定";
  ct[7] = "秦皇岛";
  ct[8] = "邯郸";
  ct[9] = "承德";
  ct[10] = "廊坊";
  ct[11] = "张家口";
  ct[12] = "沧州";
  ct[13] = "邢台";
  ct[14] = "唐";
  //山西省的主要城市 15,10
  ct[15] = "太原";
  ct[16] = "长治";
  ct[17] = "大同";
  ct[18] = "临汾";
  ct[19] = "山阴";
  ct[20] = "忻州";
  ct[21] = "阳泉";
  ct[22] = "原平";
  ct[23] = "泽州";
  ct[24] = "太谷";
  //内蒙古自治区的主要城市 25,10
  ct[25] = "呼和浩特";
  ct[26] = "包头";
  ct[27] = "乌海";
  ct[28] = "临河";
  ct[29] = "东胜";
  ct[30] = "赤峰";
  ct[31] = "通辽";
  ct[32] = "锡林浩特";
  ct[33] = "乌兰浩特";
  ct[34] = "海拉尔";
  //辽宁省的主要城市";35,10
  ct[35] = "沈阳";
  ct[36] = "大连";
  ct[37] = "鞍山";
  ct[38] = "抚顺";
  ct[39] = "本溪";