三级联动菜单

最新推荐文章于 2024-06-17 09:40:09 发布
最新推荐文章于 2024-06-17 09:40:09 发布
阅读量2k 收藏
点赞数
分类专栏： html+javascript 文章标签： function javascript input html 工作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/overmind/article/details/517672
版权

<html>
<head>

<script language="javascript">
var onecount; //三级联动菜单代码
onecount=0;
var twocount;
twocount=0
var threecount;
threecount=0
subfirDir = new Array();
subcat = new Array();
depart = new Array();
subfirDir[0] = new Array("考核制度","2","5");
subfirDir[1] = new Array("考勤制度","2","6");
subfirDir[2] = new Array("保先","3","3");
subfirDir[3] = new Array("三讲","3","4");
subfirDir[4] = new Array("机房办公室文件","5","11");
subfirDir[5] = new Array("教学运行文件","5","9");
subfirDir[6] = new Array("岗位制度","2","8");
subfirDir[7] = new Array("会议记录","5","10");
subfirDir[8] = new Array("开发室文件","5","12");
subfirDir[9] = new Array("教研室文件","5","13");
subfirDir[10] = new Array("办公室文件","5","14");
subfirDir[11] = new Array("教学研究文件","5","15");

subcat[0] = new Array("教师考核制度","5","5");
subcat[1] = new Array("动员","3","2");
subcat[2] = new Array("学习","3","3");
subcat[3] = new Array("整改","3","4");
subcat[4] = new Array("三讲视频","4","9");
subcat[5] = new Array("三讲文本","4","10");
subcat[6] = new Array("教师考勤","6","12");
subcat[7] = new Array("教辅考勤","6","13");
subcat[8] = new Array("教研室岗位制度","7","14");
subcat[9] = new Array("教材","9","17");
subcat[10] = new Array("教学大纲","9","15");
subcat[11] = new Array("教学进度","9","16");
subcat[12] = new Array("课件","9","18");
subcat[13] = new Array("课表","9","19");
subcat[14] = new Array("考试安排","9","20");
subcat[15] = new Array("成绩分析","9","21");
subcat[16] = new Array("中心领导会议记录","10","22");
subcat[17] = new Array("教研室工作会议","10","23");
subcat[18] = new Array("机房会议动作记录","10","24");
subcat[19] = new Array("教辅考核制度","5","11");

depart[0] = new Array("11","5","1");

twocount=1
onecount=20;
threecount=12;

function changemodule(locationid){
 document.form1.Switch.value="false";
 document.form1.anclassid.length = 0;
     var locationid=locationid;
     var i;
     for (i=0;i < threecount; i++){
         if (subfirDir[i][1] == locationid){
       document.form1.anclassid.options[document.form1.anclassid.length] = new Option(subfirDir[i][0], subfirDir[i][2]);
             }       
        }
       document.form1.anclassid.options.selectedIndex=0;    
       changelocation(document.form1.anclassid.value);
}

function changelocation(locationid){
 document.form1.Switch.value="false";
     document.form1.nclassid.length = 0;
 //document.form1.nclassid.options[document.form1.nclassid.length] = new Option("", "");
 var locationid=locationid;
     var i;
     for (i=0;i < onecount; i++){
  if (subcat[i][1] == locationid){
          document.form1.nclassid.options[document.form1.nclassid.length] = new Option(subcat[i][0], subcat[i][2]);
             }       
        }
       document.form1.nclassid.options.selectedIndex=0;    
}

function changesource(locationid){
 document.form1.Switch.value="false";
 var locationid=locationid;
     var i;
     for (i=0;i < twocount; i++){
         if (depart[i][0] == locationid){
          document.form1.Department.value = depart[i][1];
             }       
        }
}

</script>
</head>
<body>
<FORM  name="form1" method="POST">

 <select name="filemodule" size="1" id="filemodule" style="width:20%" onChange="changemodule(document.form1.filemodule.options[document.form1.filemodule.selectedIndex].value)">
  <option selected value="2">中心制度</option>
  <option value="3">党务文件</option>
  <option value="4">外来文件</option>
  <option value="5">办公室文件</option>
  <option value="6">机房文件</option>
  <option value="7">教研室文件</option>           
 </select>
        <select name="anclassid" size="1" id="anclassid" onChange="changelocation(document.form1.anclassid.options[document.form1.anclassid.selectedIndex].value)">
  <option selected value="5">考核制度</option>
  <option value="3">保先</option>
  <option value="4">三讲</option>
 </select> 
  
 <input type="hidden" name="Switch" value="false">

 <select name="nclassid"  size="1">
  <option selected value="11">教辅考核制度</option>
     <option value="5">教师考核制度</option>          
 </select>

</form>
</body>
</html>

overmind
关注
专栏目录
基于jQuery的省市县三级联动菜单
大风暴孤独感的博客
09-25 570
在生活中，我们时常会填写个人信息表等类似的表，里面通常有你的籍贯、户籍所在地等地址填写内容。大致就是让你填，你家在某某省某某市某某县。在网络中，我们填写时，基本上都是在网页上出现三个并排下拉框，由省至县依次选择。今天给大家介绍一版基于jQuery的省市县三级联动菜单。 说到这，大家自然会想到某某省有某某市有某某县，很好。但大家是否有建立对应的数据代码呢？ var provinces =['山西'...
mysql省市区三级联动_php+mysql+ajax 省市县三级联动菜单
weixin_39989215的博客
01-28 317
在网站开发时，经常会用到省市县的联动菜单。营业的场景有用户注册时用户的地址，以及用户详细资料页面。有的时候，把某个地区作为查询或者筛选条件时也会用到联动菜单。作为网站开发人家，省市县联动菜单是必须掌握的本领。问题1：全国34个省，几百个地级市，几千个县级单位如果全部枚举的话，很累，代码也很多，开发起来也比较慢。理想的做法，也是大家都采用的做法就是 把这些数据存到数据库里面，然后调取数据库中的数据，...
android的三级联动菜单,android 中spinner 实现三级联动
weixin_39748773的博客
05-26 360
packagecom.zz.spinner;importandroid.app.Activity;importandroid.os.Bundle;importandroid.util.Log;importandroid.view.View;importandroid.widget.AdapterView;importandroid.widget.ArrayAdapter;importandroid...
php中关于三级联动,php 三级联动菜单
weixin_35218304的博客
03-09 433
数据库结构-- 表的结构 `bigclass`--CREATE TABLE `bigclass` (`bigclassid` int(11) NOT NULL auto_increment,`bigclassname` varchar(200) collate utf8_unicode_ci NOT NULL,`sort` int(11) NOT NULL,`suoshu` int(1) NOT ...
使用css和html实现三级联动菜单
最新发布
qq_57218855的博客
06-17 307
注：可根据自己的需求进行样式的修改，这里的菜单栏联动主要用到了定位position。
jQuery实现三级联动菜单
m0_46390103的博客
05-27 1319
jQuery实现三级联动菜单效果 思路：首先需要获取相对数据接口，我这里举例的城市接口，我准备在city.json文件中。然后使用jquery中的方法实现三级菜单联动。 js代码如下： <script> ! function($) { let $show = $('#show'); //显示框 let $prov = $('#prov'); //省份 let $city = $('#city'); //城市
jQuery输入框三级联动菜单选择
ICode联盟
10-26 524
jQuery输入框三级联动菜单选择效果，点击input输入框分类菜单选择器，点击弹出下拉菜单，三级联动选择器，适用于多分类菜单选择代码。
省市三级联动 java_我写的全国省市县三级联动菜单，拿出来和大家分享了（原创）...
weixin_36378793的博客
02-12 684
/** 这是一个省市县级联的选择器采用ajax的方式来调用数据源* ajax页面接收2个参数，level和parentid，这2个参数作为查询条件* 其中level代表地区等级，1=省，2=市，3=县* 另一个参数parentid代表要查询的地区的父级地区* ajax取到的结果是字符串序列(例如：235,潮州市;236,东莞市;237,佛山市;238)**/function AreaPicker(...
实现三级联动菜单
xxe000113的博客
12-05 590
选择排序（Selection sort）是一种简单直观的排序算法。它的工作原理是：第一次从待排序的数据元素中选出最小（或最大）的一个元素，存放在序列的起始位置，然后再从剩余的未排序元素中寻找到最小（大）元素，然后放到已排序的序列的末尾。以此类推，直到全部待排序的数据元素的个数为零。 ...
jQuery城市三级联动菜单特效
07-24
本项目“jQuery城市三级联动菜单特效”利用jQuery的功能，构建了一个实用的省市区三级联动选择器，用户在选择时能流畅地从省级选项过渡到市级，再细化到区级，提供了一种高效且友好的用户体验。 首先，我们要理解...
js 实现省市区三级联动菜单效果
10-20
省市区三级联动菜单是一种常见的前端交互功能，通常用于在网页上实现地区选择的功能。在很多网站上，如电商、旅游、招聘等，用户需要选择或填写所在地区，这个时候三级联动菜单就能提供便捷的地区选择体验。本文将...
仿淘宝商品发布三级联动菜单
11-10
在IT行业中，尤其是在前端开发领域，"仿淘宝商品发布三级联动菜单"是一个常见的需求，它涉及到用户界面（UI）设计、交互逻辑以及响应式网页技术。这个项目是基于H5（HTML5）编写的，目的是为了创建一个与淘宝网站...
jQuery商品发布三级联动菜单代码.zip
09-23
《jQuery商品发布三级联动菜单代码详解》 在Web开发中，联动菜单是一种常见的交互设计，它通常用于导航或数据选择，特别是在商品发布系统中。这种菜单可以实现父级选项变化时，子级选项自动更新的效果，提升用户...
C#省市县三级联动菜单选择类
01-27
在IT行业中，尤其是在Web开发领域，常常需要处理地区级别的数据选择问题，如省、市、县（区）的三级联动菜单。这样的功能可以方便用户快速、准确地选择他们的所在位置。"C#省市县三级联动菜单选择类"就是解决此类...
input type=select 下拉列表
热门推荐
10-11 1万+
                    -----相关链接-----            http://www.cgdc.com.cn/">中国国电集团公司          http://www.clypg.com.cn/">龙源电力集团公司          http://www.600795.com.cn/">国电电力发展股份有限公司        
style="cursor:hand;" 手
02-04 8269
style="cursor:hand;" 手鼠标移到上面就有手
一个用js做得飘窗
02-17 4482
                       http://www.cgdc.com.cn/jsp/images/piaochuang.gif">            window.onload=no1;var brOK=false;var mie=false;var aver=parseInt(navigator.appVersion.substring(0,1));var aname
dreamweaver中模版的使用
07-14 3789
首先建立一个目标的html页面，使用file->save as  template，把它存储成为模版，然后在这个网页里面添加一个模版的可编辑区域，或者几个可编辑区域，在head和title中是也可以生成的可编辑区域，根据这些东西进行相应的操作。生成的overmind.template如下所示http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt
ASP.NET三级联动菜单实现教程
"ASP.NET三级联动菜单实现教程" 在ASP.NET中，三级联动菜单是一种常见的功能，通常用于网站的导航或筛选。这种功能允许用户通过选择一个级别后，自动加载并显示下一级别的选项，以此类推，直到达到第三级。在给定的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值