<form name="form1" method="post" action="index_cx.asp">
<table border="0" align="center" cellpadding="2" cellspacing="1"><tr><td><div align="right">旅游意向:</div></td>
<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
//subcat[5] = new Array("abc","1","1");
//  5:类别ID   abc:名称 1:类别 1:IDsubcat[0] = new Array("大洋洲","1","大洋洲");subcat[1] = new Array("东亚","1","东亚");subcat[2] = new Array("南亚","1","南亚");subcat[3] = new Array("东南亚","1","东南亚");subcat[4] = new Array("地中海及非洲","1","地中海及非洲");subcat[5] = new Array("欧洲","1","欧洲");subcat[6] = new Array("港澳地区","1","港澳地区");subcat[7] = new Array("西南","2","西南");subcat[8] = new Array("西北","2","西北");subcat[9] = new Array("华北","2","华北");subcat[10] = new Array("东北","2","东北");subcat[11] = new Array("华中","2","华中");subcat[12] = new Array("华东","2","华东");subcat[13] = new Array("华南","2","华南");subcat[14] = new Array("北京周边","2","北京周边");subcat[15] = new Array("拉丁美洲","1","拉丁美洲");onecount=16;function changelocation(locationid){document.form1.areaid.options[0]=new Option("-请选择-","");document.form1.areaid.length = 1; var locationid=locationid;var i;for (i=0;i < onecount; i++){if (subcat[i][1] == locationid){ document.form1.areaid.options[document.form1.areaid.length] = new Option(subcat[i][0], subcat[i][2]);}        }}</script><td><select name="rootid" id="rootid" onChange="changelocation(document.form1.rootid.options[document.form1.rootid.selectedIndex].value)"><option  value="" selected>- 请选择 -</option><option value="1">出境</option><option value="2">国内</option><option value="3">省内</option></select></td><td>区域 :</td><td><select name="areaid" id="areaid"><option  value="" selected>-- 请选择 --</option></select></td></tr><tr><td colspan="4"><div align="right"></div>                     <div align="right"><input type="submit" name="Submit" value="提交">
</div></td></tr></table>
</form>

转载于:https://www.cnblogs.com/leonard2010/archive/2010/08/19/1803626.html

JS级别联动下拉列表相关推荐

  1. java js 二级联动下拉列表_JS实现下拉列表的二级联动

    这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单,不刷新的联动,动态的联动需要检索数据库,这个对不需要更新的二级联动比较实用.这里 ...

  2. java js 二级联动下拉列表_二级联动下拉列表JS+html实现

    例子: This is a test! 请选择 脚本语言 高级语言 其他语言 请选择 //获取一级菜单长度 var select1_len = document.frm.s1.options.leng ...

  3. JS 三级联动 下拉列表

    <!-- 我的思路: 1.页面加载时便进入后台获得第一级的值: 2.当第一级的值改变时,清空第二级和第三级的值,并加载第二级的值 3.当第二级的值改变时,清空第三级的值,并加载第三级的值 --& ...

  4. 通用四级联动下拉列表

    Author: shaoyun Email: shaoyun (at) yeah.net Date: 2010-09-03 Blog: http://shaoyun.cnblogs.com/ 前面的文 ...

  5. 二级联动 三级联动 多级联动 无限级联动下拉列表或菜单专题

    二级联动 三级联动 多级联动 无限级联动下拉列表或菜单专题 三维数组数据源   A - 请选择 -北京市天津市河北省山西省内蒙古自治区辽宁省吉林省黑龙江省上海市江苏省浙江省安徽省福建省江西省山东省河南 ...

  6. AJAX之二级联动下拉列表

    AJAX的核心是JavaScript对象XMLHttpRequest.是一种异步请求的技术,不用刷新整个页面就可以与服务器进行交互.本文就以二级联动下拉列表为例: 获取AJAX对象js代码: func ...

  7. java下拉框查询_[Java教程]jQuery实现联动下拉列表查询框

    [Java教程]jQuery实现联动下拉列表查询框 0 2015-12-07 18:00:04 厂商:请选择 品牌:请选择 型号:请选择 效果如下: 本文网址:http://www.shaoqun.c ...

  8. 原生js写三级联动 java_原生js三级联动的简单实现代码

    本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下 实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市. 实现过程:先调用百度地图的API来获取用户所在的城市, ...

  9. js进阶 9-14 js如何实现下拉列表多选移除

    js进阶 9-14 js如何实现下拉列表多选移除 一.总结 一句话总结: 1.js如何实现下拉列表多选移除? 把这个下拉列表中的option移除,然后加到另外一个下拉列表(文字)中去.remove方法 ...

最新文章

  1. linux创建隐藏进程6,在Linux 2.6内核下实现进程隐藏
  2. 各种树:trie树、B树、B-树、B+树、B*树
  3. VTK:图片之RTAnalyticSource
  4. struts2 零配置
  5. 对List.Sort的简单研究
  6. 苹果的困境源于优质移动应用的垮台吗?
  7. 微信小程序开发的基本流程__BaiMoci
  8. 破解win7开机密码!
  9. html 怎么布局ui,移动端UI快速布局解决方案AUI
  10. thinkPad x240 安装黑苹果
  11. 熊写代码这三年:阅读写作与技术成长
  12. Hadoop集群搭建(所需软件安装包已上传发布)
  13. int、double型数最大正数值和最小正数值分别是多少
  14. Handlebars的使用方法及技巧
  15. 全球隔离,生出不少坏毛病
  16. 顺丰科技笔试问题之最多的分值个数问题
  17. 2019年浙江宁波宁海县下属事业单位第二批招聘教师公告(97人)
  18. 加固类计算机,关于我国计算机加固方面的标准
  19. MySQL中级优化教程(五)——数据库建表时数据类型的选择
  20. 大数据技术周报第 001 期

热门文章

  1. 微软Windows 11正式发布!一文带你了解免费升级方法、最低系统要求
  2. 锐捷网络交换机配置命令大全
  3. flutter嵌入HTML5页面,Flutter加载Html并实现与JS 的双向调用
  4. 2020 年微服务项目活跃度报告
  5. 技术解析系列 PouchContainer Goroutine Leak 检测实践
  6. mysql c contor_Python之那些好玩的图画
  7. python多线程网络编程_python之网络编程-多线程
  8. python元类的使用_Python 元类使用讲解
  9. flink 自定义 窗口_《从0到1学习Flink》—— Flink Data transformation(转换)
  10. 武汉大学计算机学院毕业合影,武大校长对毕业合影有求必应