`

js实现的selece二级联动(简单实用)

    博客分类:
  • 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> 
分享到:
评论

相关推荐

    最简单js代码实现select二级联动下拉菜单

    本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 &lt;&#37;@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;&#37; String path = request.getContextPath()...

    js实现二级菜单联动

    js实现的二级菜单联动。选择的是省市联动

    HTML二级联动下拉列表框的实现,如选择 省,市.zip

    HTML二级联动下拉列表框的实现,如选择 省,市.zip

    二级联动的实现

    实现二级联动&lt;script type="text/javascript" &gt; $(function(){ // 学院选框被选择请求专业信息内容,并写入dom var chooseUrl='getChoose.jsp';//定义专业信息获取页面地址,比如你要在xueyuan.jsp里面读取专业...

    DropDownList 二级联动Select示例代码

     ASP.NET中的二级联动Select示例代码,页面使用ashx,js实现联动,并可以获取DropDownList的值。  1.Cascading DropDownList  使用场景  省市联动  部门人员联动  项目模块联动(示例)  使用技术  ...

    完全用asp实现二级菜单联动.doc

    完全用asp实现二级下拉框联动,asp实现二级菜单联动。文件内附详细源码, 部分源码预览:&lt;select name="select1" onChange="javascript:sel();"&gt; 请选择====="&gt;=====请选择===== if ch1=2 then for i=1 to m ...

    js实现HTML中Select二级联动的实例

    下面小编就为大家分享一篇js实现HTML中Select二级联动的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    静态二级联动 select option

    静态二级联动 js 调取数据 带有 option 值

    struts实现二级联动下拉框

    supplyInfo_add.jsp最简单,就是通过一级触发实现二级联动;supplyInfo_update.jsp稍微难了点,不仅仅是一级触发实现二级联动,还有它是将数据库中相应的省份城市提取出来,将原有增加的省份城市提取给用户,供用户修改;...

    js实现二级联动简单实例

    本文实例为大家分享了js实现二级联动的具体代码,供大家参考,具体内容如下 此实例是一个简单的二级联动,第一个列表中的值为固定的,第二个列表中的值随着第一个列表值的变化而变化,即第一个列表影响第二个列表。 ...

    城市2级联动js

    &lt;BODY &lt;select id='prov' name ='prov' &lt;select id='city' name = 'city' &gt;&lt;/select&gt; &lt;/BODY&gt;

    基于template-web.js模板 的select动态二级联动 实例

    自己写的 template模板 实例,下载就可以运行,模板的效果是 基于template.js 的select动态二级联动效果。需要的可以下载

    JS实现简单省市二级联动

    刚始学习java刚好看到用js实现省市二级联动的效果,就想着写篇博客,顺便检验下自己的学习成果。 好了废话少说先看看实际效果: 技术分析: 要实现这个功能呢,首先要用到html+js 这里用建一个下拉列表,绑定...

    二级联动菜单 超强超简单的数据库

    与数据库连接 ,员工表和部门表做成二级联动菜单,select下拉框实现的,选择部门的时候,自动加载部门的员工。简单,使用javascript asp实现!!

    仿做省市二级联动菜单

    省市二级联动菜单 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;TITLE&gt; 省市二级联动 &lt;select name="shen" onchange="setshi(this.selectedIndex)"&gt; &lt;/select&gt; &lt;select name="shi...

    jQuery的手机端省市二级联动选择代码.zip

    两级联动选择插件调用: $('.select-value').mPicker({ //级别 level:2, //需要渲染的json,二级联动的需要嵌套子元素,有一定的json格式... jQuery手机端省市二级联动选择代码是一款非常实用的城市选择器插件。

    JS简单实现城市二级联动选择插件的方法

    本文实例讲述了JS简单实现城市二级联动选择插件的方法。分享给大家供大家参考。具体如下: js实现的城市联动选择菜单,网上经常见到,不多介绍了,本款城市选择菜单原型基于Select,主要使用JavaScript来实现,运用...

    Select2实现全国省市区三级联动下拉菜单.zip

    JS文件中的Select 有2个,我想做成联动的,例如选择" 信息采集器 " 那么第二个Select 就自动显示"A" 选择 " 信息变送器 " 就自动显示 “ B ” 怎么实现~~求高手,求专家!网上找的代码,测试了都不行! 是不是因为这...

Global site tag (gtag.js) - Google Analytics