<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>下拉级联例子</title>
<script type="text/javascript">
//存放着所属关系:这里文件名0和文件名2属于部门二的，fileid作为option中value属性的值
var arr = new Array();
arr[0]=new Array("文件名0","fileid","orgid2");
arr[1]=new Array("文件名1","fileid1","orgid1");
arr[2]=new Array("文件名2","fileid2","orgid2");
function selectOrg(index,orgid){
var obj=document.getElementById('sfile');
var i;
obj.options.length=0; //清除原来的下拉项
for (i=0;i < arr.length; i++){
if (arr[i][2] == orgid&&arr[i][2]!=null){
// 创建新的下拉项，参数对应为("文本"、"值")如("文件名0"、"fileid")
obj.options.add(new Option(arr[i][0],arr[i][1]));
}
}
if(obj.options.length==0){
obj.options.add(new Option("请选择","0")); //未选择时
}
}
</script>
</head>
<body >
<p>某部门下有某些文件:如果是用struts1标签<html:select>，用styleId属性相当于id</p>
<hr/>
<table>
<tr>
<td>
<select id="fileCatalogId" value="" onchange="selectOrg(this.selectedIndex,this.options[this.selectedIndex].value)" >
<option value="0">请选择</option>
<option value="orgid1">部门一</option>
<option value="orgid2">部门二</option>
</select>
</td>
<td>
<select id="sfile" value="">
<option value="0">请选择</option>
</select>
</td>
</tr>
</table>
</body>
分享到：
相关推荐
4. 两种方法实现对应省市的下拉操作 一、什么是级联？ 1.级联还指用来设计一对多关系。举个例子：一个表存放学生的信息:表A（姓名，性别，年龄），姓名为主键。还有一张表存放学生的班级信息:表B（姓名，班级）。...
其中包括一个级联下拉列表的小测试，用于ajax，jquery入门学习，还有prototype.1.7.js和jquery的jar包。
使用thinkphp框架做出的一个简单的ajax实现的无限添加级联下拉框的例子，ajax写的还可以，比价清晰
①使用js来实现，把页面所用到的级联数据放到js内，当页面加载完成后，通过js显示到对应的select内，这种方法的解决办法有很多种，最为直观的一种是放到多维数组中，每个人的思维不一样，这里就不详细解说。...
dropList v1.0-无限级联动下拉框JavaScript类 1、无限制多级联动 2、支持选择状态保存，使用Cookie 3、支持初始值选定 4、同一页面中多个应用不会相互影响 包含一个省市县三级联动的例子
当二级联动要实现数据库时实读取时,比较麻烦,本例子用Ajax可以简单实现 ajax+Jsp+js+servlet
12.8.2 如何使用XML DOM--一个利用XML实现多级关联下拉选择框的例子 12.9 总结 第13章 事件处理 13.1 什么是事件 13.1.1 消息与事件响应 13.1.2 浏览器的事件驱动机制 13.2 基本事件处理 ...
最近学了一个关于省市级联简单的小例子，贴出来与大家分享一下： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>index</title> </head> <body&...
/js/all.js JavaScript脚本文件 /images 图片文件 第24章（/ch24） 程序描述：本章将使用Ajax技术实现无刷新即可浏览RSS的阅读器。添加一个RSS地址时，自动保存到数据库。打开阅读RSS时，自动获取...
• 1.3.js 1.3.htm使用的外部JavaScript文件 第2章（\第2章） • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...
• 1.3.js 1.3.htm使用的外部JavaScript文件 第2章（\第2章） • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...
4.4.7. 露一小手，组合上面所知，省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的，所有数据都在本地 4.4.7.2. 再做一个有后台的，需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据...
4.4.7. 露一小手，组合上面所知，省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的，所有数据都在本地 4.4.7.2. 再做一个有后台的，需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...
4.4.7. 露一小手，组合上面所知，省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的，所有数据都在本地 4.4.7.2. 再做一个有后台的，需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...
一个XSLT的简单例子 XSLXSLT板主题整理 xsl入门的好文章 新手学习XSL的好东西 XSL语法介绍 XSL学习心得 - 调用属性值 XSLT与XML转换的详细介绍 功能应用 读写搜索 基础教程 RSS Web2.0时代，RSS你会用了吗？(技术...