`
风在飞
  • 浏览: 3101 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

级联函数

    博客分类:
  • js
阅读更多
function CascadeSelect(parent,selectName,selectTitle)
{
this.parent = parent;//上级
this.selectName = selectName;//Select对象名称
this.selectTitle = selectTitle;//Select对象初始标题
this.selectObject = document.all[selectName];//Select对象
this.data = new Array(); //数组,联动的数据源
this.child = null;//下级
if(this.parent!=null)
{
var me = this;
this.parent.child = me;
}

this.addOption=function(optionID,fatherID,optionValue,optionName)
{
this.data[this.data.length] = new Array(optionID,fatherID,optionValue,optionName);
}

this.cascade=function()//联动
{
/*
if(this.parent!=null)
{
var me=this;
this.parent.selectObject.onchange=function()
{
me.optionChange(this.options[this.selectedIndex].value);
}
this.parent.cascade();
}
*/
if(this.child!=null)
{
var me=this;
this.selectObject.onchange=function()
{
// alert(me.child.selectName);
me.child.optionChange(me.selectObject.options[this.selectedIndex].value);
}
this.child.cascade();
}
}

this.optionInit=function()//初始化Option
{
// alert(this.child.selectName);
this.selectObject.length=0;
this.selectObject.options[0]=new Option(this.selectTitle,'');
for(var i=0;i<this.data.length;i++)
{
this.selectObject.options[this.selectObject.length]=new Option(this.data[i][3],this.data[i][2]);
}
this.cascade();
}

this.optionChange=function (indexName)//重置Option
{
// alert(indexName);
var obj=this;
while(obj!=null)
{
obj.selectObject.length=0;
obj.selectObject.options[0]=new Option(obj.selectTitle,'');
obj=obj.child;
}
for(var i=0;i<this.data.length;i++)
{
if(this.data[i][1]==indexName)
{
this.selectObject.options[this.selectObject.length]=new Option(this.data[i][3],this.data[i][2]);
}
}
/*
alert(me.selectName + me.child.selectName);
if(me.child!=null)
{
me.child.optionChange(me.selectObject.options[this.selectedIndex].value);
}
*/
}
}
分享到:
评论

相关推荐

    JavaScript轻松创建级联函数的方法示例

    一、级联函数是什么? 在一行代码上,调用一个接一个的方法。这种技术在 JQuery 或者其他 JavaScript 库中是非常常见的。 代码如下: $('#myDiv').fadeOut().html('帅哥, 你好!').fadeIn(); 或者: myStr1....

    JavaScript的级联函数用法简单示例【链式调用】

    JavaScript中的级联函数,也称为链式调用,是一种优雅的编程技巧,它允许你在单行代码中连续调用同一对象上的多个方法。这种技术在许多库和框架中被广泛使用,例如jQuery,其核心设计理念之一就是提供流畅的链式API...

    STM32驱动74HC595函数 可级联

    4. **级联功能**:如果需要级联多个74HC595,可能还需要一个级联函数,该函数会遍历所有级联的74HC595,逐个写入数据。 在Keil MDK环境下,你需要将这些C.H文件加入到工程中,然后在你的主程序中调用初始化和写数据...

    级联下拉框页面控件学习

    这可以通过预先调用一次级联函数或者在HTML中预填充部分数据实现。 7. **优化用户体验**:为了提高用户体验,可以考虑添加加载动画来显示数据加载过程,同时对错误情况进行处理,如网络问题或服务器异常。 在提供...

    oracle函数参考文档

    Oracle的级联函数如`CONNECT_BY_ROOT`和`START_WITH`在构建复杂的树状结构或层次查询时非常有用。它们帮助跟踪数据间的层级关系,如组织结构或产品分类。 八、系统信息函数 系统信息函数如`USER`, `SESSION_USER`, ...

    oracle函数.zip

    以上只是Oracle函数的一部分,实际中还包括窗口函数、级联函数、系统信息函数等多种类型。通过学习“Oracle函数大全”,用户可以全面掌握这些函数的用法,提高数据库操作和查询的效率。这个.chm文件可能包含了详细的...

    oracle函数大全自己用

    这些只是Oracle函数大全中的一小部分,实际中还有许多其他函数,如位操作函数、级联函数、系统信息函数等。了解并熟练运用这些函数,能极大地提高数据库查询和管理的效率。通过阅读“oracle函数大全(分类显示).chm”...

    级联菜单 动态级联菜单

    在上面的代码中,我们可以看到使用了javascript脚本来实现客户端的交互,包括redirect函数和onchange事件的处理。 级联菜单的应用 级联菜单广泛应用于各种Web应用程序中,例如电商平台、在线教育平台、政府网站...

    STM32 定时器级联

    STM32定时器级联是STM32微控制器中一种高效利用硬件资源、扩展定时功能的方法。在STM32系列芯片中,定时器可以被配置为级联模式,以实现更复杂的定时或计数任务,比如产生精确的PWM输出、高分辨率的计数等。下面我们...

    cascade.m:创建一个从上一个图形级联的新图形。-matlab开发

    %% 例子% 以下示例使用级联函数偏移数字 1-3,如随附的屏幕截图所示。 级联('根轨迹 1',0) % 0 是不必要的 b/c 它是默认值级联('根轨迹2',0) 级联('根轨迹3',0) rlocusplot(tf[1,1],[1 4 8 0]) % 在图 3 上...

    小程序城市级联

    在微信小程序开发中,城市级联(Cascading City Selection)是一种常见的用户界面功能,用于帮助用户逐级选择他们的所在城市或目标城市。这个功能在许多应用中都很实用,例如在线购物、餐饮外卖、旅行预订等,因为它...

    各类opencv级联分类器,眼睛,人脸,全身,半身级联年分类器

    3. 运行级联分类器:调用`detectMultiScale`函数,它会在图像的每个可能位置应用级联分类器并返回检测到的矩形区域。 4. 后处理:根据检测到的矩形,可以在图像上画出边界框,或者进行进一步的分析。 在实际应用中...

    layui多选级联选择器

    `change`回调函数会在用户做出选择时被调用,提供当前选中的值和对应的DOM元素。 对于无限级联选择器,layui提供了动态加载子级数据的功能。当用户展开某一节点时,可以通过异步请求获取其子级数据。这需要用到`...

    jsp实现级联菜单 jsp实现级联菜单

    ### JSP实现级联菜单详解 #### 一、概述 级联菜单是Web应用程序中常见的一种交互设计方式,尤其在需要展示多层级数据结构时,如省份-城市选择器等场景下非常实用。通过级联菜单,用户可以方便地根据上一级的选择来...

    级联菜单的实现

    最后,通过`SetMenu`函数将菜单关联到窗口,用户就能在界面上看到并使用这个级联菜单了。 在Web开发中,级联菜单通常用HTML、CSS和JavaScript实现。HTML负责定义菜单结构,CSS控制样式,JavaScript处理交互逻辑。...

    react级联选择器/支持多选/单选

    在React.js开发中,"react级联选择器/支持多选/单选"是一个常见的组件需求,用于构建具有层级关系的数据选择功能。这种组件通常被用在如地区选择、组织结构选择等场景,用户可以逐级展开选项,进行单选或多选操作。...

Global site tag (gtag.js) - Google Analytics