简单js代码实现selece二级联动(推荐)


Posted in Javascript onFebruary 18, 2014

以下是html代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<!-- by sundful  starting-->
 <BODY>
  <script   language="JavaScript">       var   subcat   =   new   Array();     
  subcat[0]   =   new   Array('中文','英语','英语')     
  subcat[1]   =   new   Array('中文','法语','法语')        
  subcat[2]   =   new   Array('英语','中文','中文')     
  subcat[3]   =   new   Array('法语','中文','中文')         
  function   changeselect1(locationid)     
  {     
  document.form1.s2.length   =   0;   //初始化下拉列表   清空下拉数据     
  document.form1.s2.options[0]   =   new   Option('==请选择==','');   //给第一个值     
  for   (i=0;   i<subcat.length;   i++)   //legth=20     
  {     
  if   (subcat[i][0]   ==   locationid)   //[0]   [1]   第一列   第二列     
  {document.form1.s2.options[document.form1.s2.length]   =   new   Option(subcat[i][1],   subcat[i][2]);}   //建立option     
  //第一次   length=1   因为有==请选择==     
  //i=9时   length=   10   值有11个   因为从0数起   subcat[i][0]   ==   locationid屏蔽了再写     
  }     
  }     
  </script>     
  <form   name="form1"     method="post"   runat="server">     
  二级联动:     
  <select   name="s1"   onChange="changeselect1(this.value)">     
  <option>==请选择==</option>     
  <option   value="中文">中文</option>     
  <option   value="英语">英语</option> 
  <option   value="英语">法语</option> 
  </select>       
  <select   name="s2">     
  <option>==请选择==</option>     
  </select>     
  </form> 
<!-- by sundful  ending-->  
 </BODY>
</HTML>
Javascript 相关文章推荐
js自动生成的元素与页面原有元素发生堆叠的解决方法
Oct 24 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
vue中Npm run build 根据环境传递参数方法来打包不同域名
Mar 29 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
JS使用队列对数组排列,基数排序算法示例
Mar 02 Javascript
C#程序员入门学习微信小程序的笔记
Mar 05 Javascript
详解react组件通讯方式(多种)
May 06 Javascript
vue/cli 配置动态代理无需重启服务的方法
May 20 Vue.js
超简单JS二级、多级联动的简单实例
Feb 18 #Javascript
jquery easyui中treegrid用法的简单实例
Feb 18 #Javascript
DIV始终居中的js代码
Feb 17 #Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 #Javascript
JQuery与JS里submit()的区别示例介绍
Feb 17 #Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 #Javascript
清除div下面的所有标签的方法
Feb 17 #Javascript
You might like
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
php+mysql事务rollback&amp;commit示例
2010/02/08 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
Js动态添加复选框Checkbox的实例方法
2013/04/08 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
javascript刷新父页面的各种方法汇总
2014/09/03 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
JavaScript数组去重的3种方法和代码实例
2015/07/01 Javascript
Javascript之Date对象详解
2016/06/07 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
2016/11/09 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
详解node中创建服务进程
2017/05/09 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
利用 JavaScript 实现并发控制的示例代码
2020/12/31 Javascript
python socket 超时设置 errno 10054
2014/07/01 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
精通CAD能手自荐书
2014/01/31 职场文书
保险专业自荐信范文
2014/02/20 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
部门优秀员工推荐信
2015/03/24 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers
vscode内网访问服务器的方法
2022/06/28 Servers