`
jinhailion
  • 浏览: 47881 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

javascript 两级联动、三级联动、多级联动(一)

 
阅读更多
公司使用的代理服务器有限制上传字节数的限制,所以只能分成三篇来发
<script language="JavaScript" type="text/javascript">
            //ChangeSelect(上一级的值,下一级Select控件的ID值,下一级Select控件要选中的值(即value而非text),数据源数组名),第一级的上级值为0
            function ChangeSelect(ParentValue, NextId, NextSelectedValue, ArrObj)
            {
            StrObj = eval(document.getElementById(NextId));
            StrObj.length = 0;
            //判断它是二维数组数据源,还是三维数组数据源
            if (ArrObj.length > 0)
            {
            if (ArrObj[0].length == 2)
            {ArrNum = 0;}
            else
            {ArrNum = 2;}
            }
            //显示所有列表
            for (i = 0; i < ArrObj.length; i++)
            {
            if (i == 0)
            {
            StrObj.options[StrObj.length] = new Option("- 请选择 -", "");
            }
            if (ArrObj[i][1] == ParentValue)
            {
            StrObj.options[StrObj.length] = new Option(ArrObj[i][0],ArrObj[i][ArrNum]);
            }
            }
            //选中列表内某一项
            for (i = 0; i < StrObj.length; i++)
            {
            if (StrObj.options[i].value == NextSelectedValue)
            {
            StrObj.options[i].selected = true;
            }
            }
            //激发下一级的onchange事件以实现多级级联
            StrObj.onchange();
            }
            
           
分享到:
评论

相关推荐

    三级联动 多级联动 JavaScript

    在多级联动中,通常是用户选择一级菜单后,二级菜单会根据一级的选择自动更新,同理,三级菜单会根据前面两级的选择进行相应的更新。 JavaScript作为客户端脚本语言,在实现这种联动效果中起着关键作用。通过...

    Javascript两级联动

    总之,JavaScript两级联动是一种常见的前端交互设计,它结合了JavaScript的动态特性与后端数据的灵活性,为用户提供了便捷的多级选择体验。通过熟练掌握这一技术,开发者可以构建更加交互丰富的Web应用。

    JavaScript全国三级联动

    JavaScript全国三级联动是一种常见的前端开发技术,主要用于实现地区选择、多级分类等功能。在这个场景下,用户可以从一个下拉菜单中选择省份,接着选择城市,最后确定区县,这三个级别之间存在着联动关系,即选择一...

    三级联动demo

    在IT行业中,"三级联动"通常指的是在一个交互界面中,三个相关的下拉菜单或选择框之间存在联动关系,即一个选项的选择会影响到下一个选项的显示内容。这种设计常见于地址选择,例如选择省份后,市的选择会更新为对应...

    js+jsp三级联动 源码

    这里,我们主要探讨的是使用JavaScript(js)和JavaServer Pages(jsp)来创建一个具有三级联动功能的系统。这种功能常见于诸如地区选择、产品分类等场景,用户在一个下拉框中做出选择时,其他关联的下拉框会根据...

    JavaScript 自定义多级联动下拉菜单

    JavaScript 自定义多级联动下拉菜单

    JavaScript 自定义多级联动浮动菜单

    在网页设计中,多级联动浮动菜单是常见的一种交互元素,它能够帮助用户更方便地导航复杂的网站结构。本文将深入探讨如何使用JavaScript自定义这样的功能。 首先,我们需要理解多级联动的概念。联动意味着当用户在一...

    三级联动源码

    在IT领域,"三级联动"通常指的是在网页或应用程序中的一种交互设计,它涉及到三个层次的数据关联和选择。这种设计常见于下拉菜单或者地区选择等场景,例如省-市-区的选择,用户在选择一个省份后,下一级的市会根据...

    php首创 四级联动,三级联动

    总的来说,PHP实现的三级或四级联动是一个常见的Web开发技术,它能够提供良好的用户体验,让用户在多级选项中快速找到目标。在实际项目中,这有助于简化复杂数据的筛选和输入过程。如果你对这个主题感兴趣,可以通过...

    JS 实现 三级、多级联动

    "JS 实现 三级、多级联动"是指使用JavaScript编程语言来创建一个能够处理多级选择的交互功能,例如在商品分类、地区选择等场景下,用户在一个下拉框中选择一个选项后,下一个下拉框会根据前一个选项的值动态更新其...

    二级联动三级联动.rar

    具体到这个名为"二级联动三级联动.rar"的压缩包文件,由于未提供具体的文件内容,我们可以假设它包含了一个示例项目,用于演示如何使用JavaScript实现这种联动效果。通常,这样的项目可能包含HTML文件(用于结构),...

    javascript无限级联动算法

    JavaScript无限级联动算法是一种在前端开发中常见的交互设计,它主要用于构建多级选择菜单,例如在地区选择、产品分类或者组织结构中。这种技术能够帮助用户逐步细化他们的选择,从一个大类别到更具体的小类别,形成...

    js实现三级联动展现

    在网页开发中,"三级联动"是...总的来说,"js实现三级联动展现"是一个综合运用JavaScript动态操作DOM、XML数据解析以及AJAX异步通信的实际案例。这种技术在现代网页开发中广泛应用,对于提升用户交互体验有着重要作用。

    JavaScript 多级联动select

    1. **数据结构**:通常,多级联动的数据以树形结构存储,每一级 Select 对应树中的一个分支。 2. **事件监听**:当用户改变某一级 Select 的值时,触发相应的事件,该事件负责更新下一级 Select 的选项。 3. **DOM ...

    纯js实现ajax无刷新三级联动

    本项目"纯js实现ajax无刷新三级联动"旨在利用JavaScript和Ajax技术,无需页面整体刷新即可实现多级选择联动效果,这种效果常见于下拉菜单的联动筛选中。在描述中提到,此项目使用了JSON格式进行数据交换,这有助于...

    安卓三级联动省市联动多级联动相关-仿京东城市代码本地json数据可以获取城市代码和城市名字超简单易懂.rar

    在Android开发中,"三级联动省市联动多级联动"是一个常见的需求,特别是在电子商务、物流配送等领域,用户需要选择他们的收货地址,这通常涉及到国家、省份、城市等多层次的选择。这个压缩包文件提供了实现这一功能...

    jsp+ajax 三级联动菜单

    【jsp+ajax 三级联动菜单】是一个典型的Web开发技术应用场景,它主要利用JavaServer Pages(JSP)和Asynchronous JavaScript and XML(AJAX)来实现动态网页中的数据交互和页面更新。在这个例子中,我们看到的是一个...

    简单的vue三级联动下拉框代码

    在三级联动中,有三个下拉框,它们之间存在依赖关系,选择一级会影响二级,选择二级会影响三级。 二、实现原理 1. 数据驱动:Vue.js 使用数据绑定(`v-model`)将UI与数据模型关联,当数据变化时,视图会自动更新;...

    javascript实现三级联动选单

    ### JavaScript 实现三级联动选单知识点解析 #### 一、知识点概述 在Web开发中,三级联动选单是一种常见的交互式设计模式,主要用于提供多层级数据的选择方式,比如选择省份、城市、区县等场景。这种选单可以极...

    简单的asp三级联动

    总结起来,这个ASP三级联动实例展示了如何结合ASP、数据库连接、JavaScript和CSS来创建一个动态的、交互式的多级选择系统。这种技术在现代Web开发中仍然有其应用价值,尤其是在处理需要多级分类的数据时。

Global site tag (gtag.js) - Google Analytics