简单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 相关文章推荐
基于jQuery的试卷自动排版系统实现代码
Jan 06 Javascript
javascript学习笔记(五)正则表达式
Apr 08 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
详谈js模块化规范
Jul 07 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
超简单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
消息持续发送的完整例子
2006/10/09 PHP
JSON在PHP中的应用介绍
2012/09/08 PHP
PHP实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
2014/08/28 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
js查找父节点的简单方法
2008/06/28 Javascript
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
2015/02/27 Javascript
Jquery日期选择datepicker插件用法实例分析
2015/06/08 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
2015/11/19 Javascript
jQuery表单对象属性过滤选择器实例详解
2016/09/13 Javascript
js实现微博发布小功能
2017/01/12 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
zTree树形菜单交互选项卡效果的实现方法
2017/12/25 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
vue系列之requireJs中引入vue-router的方法
2018/07/18 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
Python判断变量是否已经定义的方法
2014/08/18 Python
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
python命令 -u参数用法解析
2019/10/24 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
小学生元旦广播稿
2014/02/21 职场文书
药剂专业自荐书
2014/06/20 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书