younglibin
- 浏览: 1214243 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (434)
- js (20)
- struts2 (77)
- spring (11)
- hibernate (17)
- ssh整合 (9)
- 程序例子 (4)
- 正则表达式 (8)
- JSP (20)
- IDE (15)
- 数据库 (10)
- 工作经验技巧感悟 (21)
- 程序员的幽默 (4)
- windows设置 (4)
- 名词解释 (4)
- 技术入门 (4)
- jFreeChart (16)
- OGNL (5)
- java基础 (46)
- dwr (4)
- portal (1)
- 示例用到的附件 (0)
- 优秀程序员45个习惯 (1)
- webService (1)
- shell (3)
- ibatis (3)
- 开发工具 (1)
- OS (3)
- xmlbean (2)
- design_pattern (0)
- error (1)
- testng (2)
- python (18)
- hadoop (21)
- mapreduce (9)
- Hive (0)
- HBase (0)
- ubuntu (22)
- 多线程 (7)
- 自我改进 (6)
- 设计模式 (1)
- ssh (2)
- ant (4)
- guake (2)
- 云计算 (9)
- hdfs (3)
- 大数据 (1)
- 电信业务 (1)
- maven (2)
- svn (5)
- UML (1)
- 待处理问题 (2)
- log4j (1)
- css (1)
- LevelDb (0)
- thrift (6)
- 辅助工具 (3)
- 算法 (1)
- tornado (0)
- twisted (1)
- jvm (0)
- 图书 (1)
- 其他 (1)
- oracle (2)
- mvn (1)
- 私人信息 (0)
- nio (1)
- zookeeper (1)
- JavaIO (3)
- mongodb (1)
- java-高级 (6)
- spring-深入 (1)
- tomcat (1)
- quartz (1)
- 面试题 (1)
- redis (3)
- EJBCA (0)
- spring-3.0 (1)
- memcache (3)
- 性能检测 (1)
- android (0)
- 开源项目 (1)
- 将博客搬至CSDN (0)
- 架构之路 (1)
最新评论
-
pjwqq：
“子类对象”都拥有了“父类对象的一个实例的引用”我晕,应该是“ ...
java继承--父类属性的存放位置 -
gwgyk：
关于楼主最后的问题，我想可能是这样：InputFormat默认 ...
eclipse 运行hadoop wordcount -
fanjf：
上述7点基本具备，可惜现在因为项目需要，做管理方面工作！
如何判断自己是否具有成为一名优秀程序员的潜质 -
摸爬滚打NO1：
链接已经失效
Eclipse添加JSEclipse 插件（js插件） -
younglibin：
看了以上7条， 自己 也不知道是否能够对上， 感觉没一点都有那 ...
如何判断自己是否具有成为一名优秀程序员的潜质
<html>
<head>
<title>级联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script language="JavaScript">
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined")
{
return false;
}
return true;
}
function change(v)
{
var str="0";
for(i=0;i<v;i++)
{
str+=("_"+(document.getElementById(s[i]).selectedIndex-1));
};
var ss=document.getElementById(s[v]);
with(ss)
{
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str))
{
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)
{
options[length]=new Option(ar[i],ar[i]);
}
if(v)options[1].selected = true;
}
}
if(++v<s.length)
{
change(v);
}
}
}
var dsy = new Dsy();
dsy.add("0",["总办","财政部","技术部"]);
dsy.add("0_0",["技术总办","销售总办","人事总办"]);
dsy.add("0_0_0",["1"]);
dsy.add("0_0_1",["2"]);
dsy.add("0_0_2",["3"]);
dsy.add("0_1",["财政一","财政二","财政三"]);
dsy.add("0_1_0",["1"]);
dsy.add("0_1_1",["1","2"]);
dsy.add("0_1_2",["1","2"]);
dsy.add("0_2",["eoms","sp","网管综合","技术支撑"]);
dsy.add("0_2_0",["1","2","3"]);
dsy.add("0_2_1",["1","3","2"]);
dsy.add("0_2_2",["1","3","2"]);
dsy.add("0_2_3",["1","3","2"]);
</script>
<script language = JavaScript>
var s=["s1","s2","s3"];
var opt0 = ["部门","组","人员"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
</script>
</head>
<body onLoad="setup()" >
<form name="frm">
<select id="s1">
</select>
<select id="s2">
</select>
<select id="s3">
</select>
</form>
</body>
</html>
<head>
<title>级联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script language="JavaScript">
function Dsy()
{
this.Items = {};
}
Dsy.prototype.add = function(id,iArray)
{
this.Items[id] = iArray;
}
Dsy.prototype.Exists = function(id)
{
if(typeof(this.Items[id]) == "undefined")
{
return false;
}
return true;
}
function change(v)
{
var str="0";
for(i=0;i<v;i++)
{
str+=("_"+(document.getElementById(s[i]).selectedIndex-1));
};
var ss=document.getElementById(s[v]);
with(ss)
{
length = 0;
options[0]=new Option(opt0[v],opt0[v]);
if(v && document.getElementById(s[v-1]).selectedIndex>0 || !v)
{
if(dsy.Exists(str))
{
ar = dsy.Items[str];
for(i=0;i<ar.length;i++)
{
options[length]=new Option(ar[i],ar[i]);
}
if(v)options[1].selected = true;
}
}
if(++v<s.length)
{
change(v);
}
}
}
var dsy = new Dsy();
dsy.add("0",["总办","财政部","技术部"]);
dsy.add("0_0",["技术总办","销售总办","人事总办"]);
dsy.add("0_0_0",["1"]);
dsy.add("0_0_1",["2"]);
dsy.add("0_0_2",["3"]);
dsy.add("0_1",["财政一","财政二","财政三"]);
dsy.add("0_1_0",["1"]);
dsy.add("0_1_1",["1","2"]);
dsy.add("0_1_2",["1","2"]);
dsy.add("0_2",["eoms","sp","网管综合","技术支撑"]);
dsy.add("0_2_0",["1","2","3"]);
dsy.add("0_2_1",["1","3","2"]);
dsy.add("0_2_2",["1","3","2"]);
dsy.add("0_2_3",["1","3","2"]);
</script>
<script language = JavaScript>
var s=["s1","s2","s3"];
var opt0 = ["部门","组","人员"];
function setup()
{
for(i=0;i<s.length-1;i++)
document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
change(0);
}
</script>
</head>
<body onLoad="setup()" >
<form name="frm">
<select id="s1">
</select>
<select id="s2">
</select>
<select id="s3">
</select>
</form>
</body>
</html>
分享到：
发表评论
-
点击table首行列名按该列内容排序+冻结窗口
2010-01-08 09:06 4406注意 ： 这里的只适用于 表头的 （即：首行的）td 和显示 ... -
dwr和js来实现ajax技术
2009-12-17 16:58 2172在jsp页面 处于一个超链接： 如下图：对于处理状态 和 ... -
dom属性实例
2009-12-16 11:30 1670文档对象模型（DOM）是表示文档（比如HTML和XM ... -
js 格式化时间
2009-12-16 11:20 3911/** * 时间对象的格式化; */ D ... -
jsp页面 显示和隐藏提示信息
2009-12-04 16:01 5560function hide(){ var bloc ... -
javascript页面跳转常用代码
2009-11-30 08:56 19672009-11-16 19:20 按钮 ... -
用JS弹出窗口及参数解释
2009-11-30 08:54 1512用JS弹出窗口 ... -
javascript 控制优化页面 js 加载顺序
2009-11-30 08:49 3071学习js的时候，经常会遇到这样的问题，如何控制dom、js在页 ... -
js全选例子一个
2009-09-11 11:09 1635<html><head> < ... -
js中的窗体（window）
2009-09-11 10:39 1783showModalDialog() ... -
js隐藏域的显示与隐藏
2009-08-26 15:52 5069<html> <head> < ... -
JS函数一览100条
2009-08-26 13:15 12711.document.write(""); ... -
getElementById获得div <a> 之间的值
2009-08-24 15:53 2677get-Element-By-Id，就是通过ID来设置/返回 ... -
js中document在IE出错在Firefox正确
2009-08-24 15:51 1887Element_value = document . getE ... -
一个js登陆验证例子 经典
2009-08-24 15:16 4183<html> <head> < ... -
EL表达式
2009-08-24 09:24 1834EL表达式总是用大括号 ... -
js在jsp中的加载执行顺序
2009-08-22 11:13 4869页面上的Javascript代码是HTML文档的一部分，所以J ... -
XTREE jsp页面的tree 结构
2009-08-21 10:46 2582每个结点有一个状态叫做OPEN（打开）； 如果结点为OPEN, ... -
js中cloneNode()的使用 两个例子
2009-08-20 15:41 11225cloneNode() 方法可创建指定的节点的精确拷贝。 （可 ...
相关推荐
在这个"JavaScript三级联动"的示例中，我们主要探讨的是如何通过JavaScript实现省、市、区的选择联动。 首先，我们需要理解三级联动的基本原理。在HTML中，我们可以创建一系列下拉菜单（`<select>`元素），分别代表...
用javaScript 实现三级联动 经典实例 js javaScript 三级联动 js javaScript 三级联动 js javaScript 三级联动
总结来说，实现世界主要国家地区的JS三级联动及下拉框的隐藏显示功能，需要对JavaScript的DOM操作、事件监听以及CSS样式有深入理解。通过合理组织数据和动态更新DOM，可以构建出高效、灵活的用户界面。在实际项目中...
在JavaScript（JS）编程中，三级联动是一种常见的交互设计，常用于实现下拉菜单的联动效果，例如在选择国家、省份和城市时。这个场景在网页表单中尤为常见，可以提升用户在填写信息时的体验。在这个"JS三级联动代码...
在Web开发中，"Ajax JavaWeb JS 三级联动"是一个常见的功能需求，它涉及到前端JavaScript技术、后端JavaWeb服务以及Ajax异步通信。这个功能主要用于创建交互性强的下拉菜单，通常用于地区选择、商品分类等场景，用户...
JS三级联动菜单---世界主要国家地区 本篇文章主要介绍了使用JavaScript实现三级联动菜单，涵盖了世界主要国家和地区。下面将对标题、描述、标签和部分内容中的知识点进行详细的解释和说明。 首先， lets talks ...
这个"html+js三级联动源码"提供了一个实现这一功能的实例。下面将详细介绍这个概念及其工作原理。 首先，三级联动指的是在三个层级之间建立联动关系，当用户在某一层级选择一个选项时，下一层级的选项会根据前一层...
通过学习和实践这个“世界主要国家地区JS三级联动菜单”，你可以提升在前端开发中的动态交互设计能力，更好地理解和掌握JavaScript在实际项目中的应用。这个资源不仅可以帮助你实现一个功能完备的菜单系统，同时也是...
### JS三级联动下拉框知识点解析 #### 一、知识点概览 在Web开发中，三级联动下拉框是一种常见的用户交互方式，主要用于提供多级数据选择的功能，比如省份、城市、区县的选择等场景。该功能通过JavaScript实现，...
在前端开发中，"js三级联动...总结，实现js三级联动下拉选择菜单涉及JavaScript基础，DOM操作，事件监听，以及可能的异步数据加载。开发者需要理解这些基本概念并能灵活运用，才能创建出高效且用户友好的前端交互功能。
### js三级联动插件解析与应用 在网页开发中，我们常常遇到需要用户选择省、市、区等多级选项的场景，例如在填写地址信息时。为了提供更好的用户体验，前端开发者通常会采用“三级联动”功能，即当用户选择一个选项...
在网页开发中，"下拉列表 js三级联动"是一个常见的交互设计，主要用于创建多级关联的选择效果，例如在地区选择中，用户先选择国家，接着是省份，最后是城市。这种设计可以为用户提供清晰的导航，并减少输入错误。在...
通过以上分析，我们可以看出，JS三级联动菜单是通过精心设计的数据结构和有效的JavaScript逻辑来实现的。它不仅提高了用户界面的交互性和可用性，也为处理多层次数据提供了高效的方法。在实际开发中，掌握并灵活运用...
在本主题"JS三级联动不间断滚动"中，我们将探讨如何使用JavaScript实现多级菜单之间的联动以及持续滚动的效果。 首先，我们需要理解“三级联动”的概念。在网页设计中，联动通常是指当用户在一个下拉菜单或选项中...