<head>
<title></title>
<script type="text/javascript">...
var classification_names = [["一年一班","一年二班"],["二年一班"],["三年一班"],["四年一班"]];
var classificaiton_ids = [[1,2],[3],[4],[5]];
function class_onchange() ...{
//删除前面所有分类
var classifications = document.getElementById("classifications");
var count=classifications.options.length;
var delCount = 0 ;
while(delCount < count) ...{
classifications.options.remove(i);
delCount++;
}
//获得所选班级id
var classid=document.getElementById("class").value;
//获得id班级所有分类名
var thisClassifcationNames=classification_names[classid];
if(!thisClassifcationNames) ...{
return;
}
//获得id班级所有分类id
var thisClassifcationIds=classificaiton_ids[classid];
if(!thisClassifcationIds) ...{
return;
}
//设置该班级分类选项
var nullOption = document.createElement("option");
nullOption.text="--请选择分类--";
nullOption.value="";
classifications.options.add(nullOption);
classifications.value="";
for(var i=0;i<thisClassifcationNames.length;i++)...{
var option = document.createElement("option");
option.text=thisClassifcationNames[i];
option.value=thisClassifcationIds[i];
classifications.options.add(option);
}
}
</script>
</head>
<body>
班级
<select id="class" name="class" onchange="return class_onchange()" >
<option value="-1" selected="selected">请选择年级</option>
<option value="0">一年级</option>
<option value="1">二年级</option>
<option value="2">三年级</option>
<option value="3">四年级</option>
</select>
分类
<select id="classifications" name="classifications">
<option value="-1" selected="selected">请选择班级</option>
</select>
</body>
分享到：
相关推荐
通过服务器后台传来的json数据，进行前台组织或人员的选择
使用javascript实现checkbox级联选择
还不错吧，自己看下~~JavaScript用二维数组实现了下拉选择框，也就是select的级联下拉
程序员在开发的时候，经常会遇到对查询列表中的记录进行批量操作的情况，实现倒是也不难，用javascript就行，但每次都要重新再写一遍，本人在工作中把它总结为一个模块，记录下来，以便再用。
rc-cascaderReact Cascader ComponentBrowser SupportIE 8+ :check_mark:Chrome 31.0+ :check_mark:Firefox 31.0+ :check_mark:Opera 30.0+ :check_mark:Safari 7.0+ :check_mark:ScreenshotsExamplehttp://react-...
如何实现独立和表单内的级联SelectBox 本示例演示在以下情况下如何实现级联选择框： 独立选择框 表单中的选择框 主要思想是从第一个编辑器获取更改的值，并在第二个编辑器中过滤数据源，以便显示相关项目。
JS年月日三级联动下拉框日期选择代码
China Provinces 是一款jquery的Javascript 中国省份，市，区联动的选择框插件。它可以方便的将中国的省份、城市、区联动起来，不需要任何数据库，服务器端脚本支持。
自动识别是级联的 选择成功后，提供一个自定义的回调函数callback（） 每个手势滑动之后，它还提供了一个回调函数transitionEnd（） 提供update（）函数，传递其他参数再次渲染 提供搬迁功能 预览 使用手机扫描...
今天总算把部门多选的效果整出来 见图： 先共享核心代码： 1：js脚本 代码如下: var treeHTML = “”; var checkList = new Array(); /*only init here*/ var barString = “└”;/*┝└*/ var degreeString = “ ...
js多级联动多选checkbox插件
第6章 级联样式单与CSS选择器 第7章 字体与文本相关属性 第8章 背景、边框和补丁相关属性 第9章 大小、定位、轮廓相关属性 第10章 盒模型与布局相关属性 第11章 表格、列表相关属性及media query 第12章 变形...
12.8.2 如何使用XML DOM--一个利用XML实现多级关联下拉选择框的例子 12.9 总结 第13章 事件处理 13.1 什么是事件 13.1.1 消息与事件响应 13.1.2 浏览器的事件驱动机制 13.2 基本事件处理 ...
实例059 自动选择文本框/编辑框中的文字 102 实例060 按下回车键时自动切换焦点 103 2.2 下拉列表/菜单 104 实例061 获取下拉列表/菜单的值 104 实例062 遍历多选择下拉列表 105 实例063 在下拉列表中进行多选移除 ...
第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本使用 152 6.3 CSS选择器 158 6.4 伪元素选择器 167 6.5 CSS 3新增的伪类选择器 176 6.6 在脚本中修改显示样式 195 6.7 本章小结 ...
B、Javascript C、DOM D、XML 7.2、AJAX开发框架 A、初始化对象并发出XMLHttpRequest请求 B、指定响应处理函数 C、发出HTTP请求 D、处理服务器返回的信息 E、一个初步的开发框架 7.3、简单的...
四级联动地址选择器（下拉框选择地区） 这是一个用react封装的四级联动地址选择器组件 Step 1 $ yarn install Step 2 $ yarn start Step 3 文件结构 Step 4 展示效果 附上原理解析步骤 At last, 祝玩得愉快！我会...
2．选择浏览器的“工具”－“安全”－“本地Intranet”－“自定义级别”－“活动脚本”中选用“禁用”单选框 3．在浏览器中输入下述地址：http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2....
如果用纯JavaScript代码而不使用框架的话，那么做一个级联菜单也许是一件让人生畏的事情，但有了框架，这件事情就很容易了，这就是框架的好处，极大地提高了开发效率，并且更可靠和易于维护。使用jQuery来实现级联...
mCascader 是一款mui风格的移动端气泡级联框，支持可选择任意层级、默认值、分隔符 首先引入mui和jq库，及mui_cascader.css（cascader的样式） [removed][removed] [removed][removed] <link href=...