关于三级联动或者四级联动等的一些思考

原理概述如图

1、当页面初始化时应当初始化的数据源：

I级数据源、II级数据源、III级数据源、IV级数据源。。。。。。

所以在初始化I级数据源的时候，需要把II、III、IV级的数据源也初始化了

初始化II级的数据源时，需要把III、IV级的也初始化了，以次类推。。。。。。

最重要的时候在初始化页面时要把四级都初始化了，本人在此出现过错误，记录一下，提醒自己。

2、每一级数据源的改变都由其父一级或者父父级的的改变选值的事件触发

这里父父级其实也是父级的，比如第三级的改变可能是由第一级的值改变导致第二级的值改变，所以第三级也跟着变了。

所以初始化数据源的时候得注意了，初始化一级数据源一定得把二级，三级的也放在一级的后面初始化了，这样才会达到联动效果。

PS：看起来特别像一条绳上的蚂蚱。。。

关于三级联动或者四级联动等的一些思考,码迷,mamicode.com

时间： 2024-11-02 23:35:34

关于三级联动或者四级联动等的一些思考的相关文章

省市区县街道四级联动下拉菜单

参考代码: JQuery中国省市区街道三级.四级联动下拉菜单插件 (将代码中单纯的四级联动提取出来,对其中的bug进行了修正,并完善了一些不完美的地方) 先通过最终效果看一下功能: 代码如下: index.html:(注:请将代码中的jquery.min.js替换成你本地的jquery地址) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery四级

（转）JavaScript html js 地区二级联动,省市二级联动,省市县js+xml三级联动

JavaScript html js 地区二级联动,省市二级联动,省市县js+xml三级联动原文链接:http://heisetoufa.iteye.com/blog/353974 比较好的二级联动: 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2 <HTML> 3 <HEAD> 4 <TITLE> New Document </TITLE>

城市四级联动，js和jquery对ajax的支持结合html,json

jdbc工具类 public class JdbcUtils { public static BasicDataSource bs=null; static{ Properties p = new Properties(); try { p.load(JdbcU

省市县三级四级联动Javascript JQ 插件PCASClass.js

想要使用这款组件,需要页面引入 PCASClass.js 核心文件,该文件在您的HTML文档<head>标签之内. <script type="text/javascript" src="/path/PCASClass.js"></script> 参数赋值方法案例: <script type="text/javascript"> new PCAS("ProvinceId",&qu

织梦联动类型地区联动三级修复以及省份-市级-地区分开+高亮

功能介绍 1. 修复官方联动地区后台编辑文档时三级地区无法显示问题; 2. 修复前台联动地区在选择二级和三级时数据空白问题; 3. 省市区分开调用功能实现 1.后台-系统-SQL命令行工具,执行一下这个语句 ALTER TABLE #@_addoninfos CHANGE nativeplace nativeplace CHAR( 20 ) NOT NULL DEFAULT '0' 注意:dede_addoninfos 是你的附加表名,如下图 2.下载下面打包文件,覆盖进对应的目录,覆盖之前请

MVC省市区三级下拉菜单联动

控制器端代码(都在同一个表中): using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using MvcApplication10.Models; namespace 下拉列表联动显示_中国省市_.Controllers { public class HomeController : Controller { [HttpGet] //刚

C# 使用winForm的TreeView显示中国城镇四级联动

直接上代码吧,这里 MySql.Data.MySqlClient;需要到mysql官网下载mysql-connector-net-6.9.8-noinstall.zip 访问密码 6073 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 using System.Threading.Tasks; 6 using MySql.Data.MySqlCli

jQuery ajax省市区四级联动

$(function(){ query(); //获取到市 $('#province').change(function(){ var id = $('#province').val(); $.ajax({ url:'/user/selectp?rootid='+id, type:'GET', dataType:'json', success:function(data){ var content = '<option>市</option>'; for (var i in data

js 四级联动

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select style="width: 100px;" id="pre" onchange="chg(this);"> <option valu