简单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 相关文章推荐
用javascript自动显示最后更新时间
Mar 15 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
微信小程序  audio音频播放详解及实例
Nov 02 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
js实现常见的工具条效果
Mar 02 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
Mar 09 Javascript
jquery animate动画持续运动的实例
Nov 29 jQuery
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
超简单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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
多文件上载系统完整版
2006/10/09 PHP
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
2013/09/23 PHP
php中json_encode UTF-8中文乱码的更好解决方法
2014/09/28 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
Laravel5.5 手动分页和自定义分页样式的简单实现
2019/10/15 PHP
JavaScript在IE中“意外地调用了方法或属性访问”
2008/11/19 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
2019/11/07 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
python解析文件示例
2014/01/23 Python
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
Python使用爬虫猜密码
2016/02/19 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
Python登录系统界面实现详解
2019/06/25 Python
python买卖股票的最佳时机(基于贪心/蛮力算法)
2019/07/05 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
LEGO玩具英国官方商店:LEGO Shop GB
2018/03/27 全球购物
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
道路建设实施方案
2014/03/18 职场文书
合同意向书范本
2014/07/30 职场文书
靠谱的活动总结
2019/04/16 职场文书
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server