3维数组问题，不答也可以看看的一个问题。

山茶树和葡萄树 2015-09-16 10:34:41 


<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

</head>

<body>

    <select class="J_Grade">

        <option value="0">年级</option>

    </select>

    <select class="J_Semester">

        <option value="0">学期</option>

    </select>

    <select class="J_Class">

        <option value="0">班级</option>

    </select>

    <input id="J_Count" type="text" placeholder="人数" />

    <input id="J_ClassID" type="text" placeholder="班级ID" />   

    <script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>

</body>

</html>











        //联动获取人班级数。

        //通过 班级ID 获取具体的 年级 学期 班级。



 var data = [

   {

       'id': 3, 'name': '大学', 'child': [

           {

               'id': 33, 'name': '大三', 'child': [

                           { 'id': 331, 'name': '大三(1)', 'count': '50' },

                           { 'id': 332, 'name': '大三(2)', 'count': '50' },

                           { 'id': 333, 'name': '大三(3)', 'count': '50' }]

           },

            {

                'id': 32, 'name': '大二', 'child': [

                    { 'id': 321, 'name': '大二(1)', 'count': '50' },

                    { 'id': 322, 'name': '大二(2)', 'count': '50' },

                    { 'id': 323, 'name': '大二(3)', 'count': '50' }]

            },

            {

                'id': 31, 'name': '大一', 'child': [

                    { 'id': 311, 'name': '大一(1)', 'count': '50' },

                    { 'id': 312, 'name': '大一(2)', 'count': '50' },

                    { 'id': 313, 'name': '大一(3)', 'count': '50' }]

            }

       ]

   },

   {

       'id': 2, 'name': '高中', 'child': [

           {

               'id': 23, 'name': '高三', 'child': [

                           { 'id': 231, 'name': '高三(1)', 'count': '50' },

                           { 'id': 232, 'name': '高三(2)', 'count': '50' },

                           { 'id': 233, 'name': '高三(3)', 'count': '50' }]

           },

            {

                'id': 22, 'name': '高二', 'child': [

                    { 'id': 221, 'name': '高二(1)', 'count': '50' },

                    { 'id': 222, 'name': '高二(2)', 'count': '50' },

                    { 'id': 223, 'name': '高二(3)', 'count': '50' }]

            },

            {

                'id': 21, 'name': '高一', 'child': [

                    { 'id': 211, 'name': '高一(1)', 'count': '50' },

                    { 'id': 212, 'name': '高一(2)', 'count': '50' },

                    { 'id': 213, 'name': '高一(3)', 'count': '50' }]

            }

       ]

   },

   {

       'id': 1, 'name': '初中', 'child': [

           {

               'id': 13, 'name': '初三', 'child': [

                           { 'id': 131, 'name': '初三(1)', 'count': '50' },

                           { 'id': 132, 'name': '初三(2)', 'count': '50' },

                           { 'id': 133, 'name': '初三(3)', 'count': '50' }]

           },

            {

                'id': 12, 'name': '初二', 'child': [

                    { 'id': 121, 'name': '初二(1)', 'count': '50' },

                    { 'id': 122, 'name': '初二(2)', 'count': '50' },

                    { 'id': 123, 'name': '初二(3)', 'count': '50' }]

            },

            {

                'id': 11, 'name': '初一', 'child': [

                    { 'id': 111, 'name': '初一(1)', 'count': '50' },

                    { 'id': 112, 'name': '初一(2)', 'count': '50' },

                    { 'id': 113, 'name': '初一(3)', 'count': '50' }]

            }

       ]

   }

];


...全文
285 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
cdmsan 2015-09-17
  • 打赏
  • 举报
 回复 


<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <select class="J_Grade" id="J_Grade">
        <option value="0">年级</option>
    </select>
    <select class="J_Semester" id="J_Semester">
        <option value="0">学期</option>
    </select>
    <select class="J_Class" id="J_Class">
        <option value="0">班级</option>
    </select>
    <input id="J_Count" type="text" placeholder="人数" />
    <input id="J_ClassID" type="text" placeholder="班级ID" />   
    <script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
	<script>
	var data = [
   {
       'id': 3, 'name': '大学', 'child': [
           {
               'id': 33, 'name': '大三', 'child': [
                           { 'id': 331, 'name': '大三(1)', 'count': '50' },
                           { 'id': 332, 'name': '大三(2)', 'count': '50' },
                           { 'id': 333, 'name': '大三(3)', 'count': '50' }]
           },
            {
                'id': 32, 'name': '大二', 'child': [
                    { 'id': 321, 'name': '大二(1)', 'count': '50' },
                    { 'id': 322, 'name': '大二(2)', 'count': '50' },
                    { 'id': 323, 'name': '大二(3)', 'count': '50' }]
            },
            {
                'id': 31, 'name': '大一', 'child': [
                    { 'id': 311, 'name': '大一(1)', 'count': '50' },
                    { 'id': 312, 'name': '大一(2)', 'count': '50' },
                    { 'id': 313, 'name': '大一(3)', 'count': '50' }]
            }
       ]
   },
   {
       'id': 2, 'name': '高中', 'child': [
           {
               'id': 23, 'name': '高三', 'child': [
                           { 'id': 231, 'name': '高三(1)', 'count': '50' },
                           { 'id': 232, 'name': '高三(2)', 'count': '50' },
                           { 'id': 233, 'name': '高三(3)', 'count': '50' }]
           },
            {
                'id': 22, 'name': '高二', 'child': [
                    { 'id': 221, 'name': '高二(1)', 'count': '50' },
                    { 'id': 222, 'name': '高二(2)', 'count': '50' },
                    { 'id': 223, 'name': '高二(3)', 'count': '50' }]
            },
            {
                'id': 21, 'name': '高一', 'child': [
                    { 'id': 211, 'name': '高一(1)', 'count': '50' },
                    { 'id': 212, 'name': '高一(2)', 'count': '50' },
                    { 'id': 213, 'name': '高一(3)', 'count': '50' }]
            }
       ]
   },
   {
       'id': 1, 'name': '初中', 'child': [
           {
               'id': 13, 'name': '初三', 'child': [
                           { 'id': 131, 'name': '初三(1)', 'count': '50' },
                           { 'id': 132, 'name': '初三(2)', 'count': '50' },
                           { 'id': 133, 'name': '初三(3)', 'count': '50' }]
           },
            {
                'id': 12, 'name': '初二', 'child': [
                    { 'id': 121, 'name': '初二(1)', 'count': '50' },
                    { 'id': 122, 'name': '初二(2)', 'count': '50' },
                    { 'id': 123, 'name': '初二(3)', 'count': '50' }]
            },
            {
                'id': 11, 'name': '初一', 'child': [
                    { 'id': 111, 'name': '初一(1)', 'count': '50' },
                    { 'id': 112, 'name': '初一(2)', 'count': '50' },
                    { 'id': 113, 'name': '初一(3)', 'count': '50' }]
            }
       ]
   }
];

$(function(){
	
	var J_Grade = $("#J_Grade");
	var J_Semester = $("#J_Semester");
	var J_Class = $("#J_Class");
	var J_Count = $("#J_Count");
	var J_ClassID = $("#J_ClassID");

	var option = '<option value="0">年级</option>';
	for(var k in data){
		option += '<option value="'+data[k]['id']+'">'+data[k]['name']+'</option>';
	}
	J_Grade.empty();
	$(option).appendTo(J_Grade);
	J_Grade.change(function(){
		initSemester();
		initClass();
		setSemester($(this).val());
	});
	J_ClassID.blur(function(){
		var val = $(this).val();
		var GradeID = 0,SemesterID = 0,ClassID = 0;
		for(var k in data){
			Grade = data[k]['id'];
			var child = data[k]['child'];
			for(var s in child){
				SemesterID = child[s]['id'];
				var _child = child[s]['child'];
				for(var ss in _child){
					if(_child[ss]['id'] == val){
						ClassID = _child[ss]['id'];
						J_Grade.find("option[value="+Grade+"]").attr("selected",true);
						J_Grade.change();
						J_Semester.find("option[value="+SemesterID+"]").attr("selected",true);
						J_Semester.change();
						J_Class.find("option[value="+ClassID+"]").attr("selected",true);
						J_Class.change();
					}
				}
			}
		}
	});


	function setSemester(GradeID){
		var option = '<option value="0">学期</option>';
		for(var k in data){
			if(data[k]['id'] == GradeID){
				var child = data[k]['child'];
				for(var s in child){
					option += '<option value="'+child[s]['id']+'" data-gid="'+GradeID+'">'+child[s]['name']+'</option>';
				}
			}
		}
		J_Semester.empty();
		$(option).appendTo(J_Semester);
		J_Semester.change(function(){
			initClass();
			var option = J_Semester.find("option:selected");
			setClass(option.attr("data-gid"),$(this).val());
		})
	}

	function setClass(GradeID,SemesterID){
		var option = '<option value="0">班级</option>';
		for(var k in data){
			if(data[k]['id'] == GradeID){
				var child = data[k]['child'];
				for(var s in child){
					if(child[s]['id'] == SemesterID){
						var _child = child[s]['child'];
						for(var ss in _child){
							option += '<option value="'+_child[ss]['id']+'" data-count="'+_child[ss]['count']+'" data-sid="'+SemesterID+'" data-gid="'+GradeID+'">'+_child[ss]['name']+'</option>';
						}
					}
				}
			}
		}
		J_Class.empty();
		$(option).appendTo(J_Class);
		J_Class.change(function(){
			var option = J_Class.find("option:selected");
			J_Count.val(option.attr("data-count"));
			J_ClassID.val($(this).val());
		})
	}

	function initSemester(){
		J_Semester.empty();
		$('<option value="0">学期</option>').appendTo(J_Semester);
	}

	function initClass(){
		J_Class.empty();
		$('<option value="0">班级</option>').appendTo(J_Class);
	}
});

	
	</script>

</body>
</html>
山茶树和葡萄树 2015-09-17
  • 打赏
  • 举报
 回复
引用 1 楼 DaveLeeCN 的回复:
要么全用array，要么就用json，这样嵌套着用累不
这就是JSON数据，只是为了方便大神们解答，就提了出来。
似梦飞花 2015-09-17
  • 打赏
  • 举报
 回复
看什么啊 遍历数组试试
DaveLeeCN 2015-09-17
  • 打赏
  • 举报
 回复
要么全用array，要么就用json，这样嵌套着用累不
C语言之三维数组
前言： 之前学习C语言的时候仅仅是掌握了二维数组，但是并没有对三维数组进行研究，今天的代码提前搞完了，摸摸鱼，对去年研究的三维数组的相关知识发布一下，期待能够帮助到有缘人！实际上，当你阅读此篇文章时，我假设你已经对C语言的二维数组非常熟悉了，并且非常熟悉数组与指针之间的关系，如果没有达到此要求，那直接翻篇，不要看，等待基础掌握扎实后再来学习此篇文章！ 一，看图说话，一眼看三维数组 二，首先看下三维数组的遍历 #include "stdio.h" void main(){ //三维数组 .
二维数组及遍历
二维数组及遍历 概念 初始化方式详解 遍历 我在前面的博文详细说过一维数组的概念初始化方式及遍历，今天这篇博文，可以看过前面博文的会很容易接受，前置博文，请直接点击链接跳转。 什么是二维数组，二维数组和一维数组一样，一维数组存放元素，二维数组存放一维数组，实质也是存储数据的一个容器对象。 二维数组在定义上和一维数组一样，动态初始化和静态初始化。 二维数组的动态初始化方式 数据类型[][]数组...
二维数组与指针(详解)
一.2维数组 1.二维数组的定义 int a[3][3]; 在这我们定义了一个二维数组，拥有3行3列共9个int型存储空间大小。 2.二维数组的行地址和各个元素地址的表示 int a[3][4]; 对于数组a，我们可以将a[3][4]分为两部分理解a[3]和[4]，对于a[3]，我们可以看成是一个一维数组，其元素分别为a[0],a[1],a[2],他们分别表示各行所代表的起始地址，而对于[4]...
Python——NumPy中把多维数组变一维数组/多个一维数组连接为一维数组的方法
下面讨论把多种情况下的数组转化为一维数组的方法 1.flatten函数能将多维数组变成一位数组 2.concatenate函数是用于数组的连接操作，可将多个一维数组连接为一维数组 下面来看示例： 1.使用flatten函数将多维数组变成一位数组 arr4=np.array([[65,76,89,91],[31,42,45,61]],float) arr4 Out[7]: array(...
python一维数组和二维数组_Python numpy实现二维数组和一维数组拼接的方法
Python numpy实现二维数组和一维数组拼接的方法撰写时间：2017.5.23一维数组1.numpy初始化一维数组a = np.array([1,2,3]);print a.shape输出的值应该为（3，）二维数组2.numpy初始化二维数组a = np.array([[1,2,3]]);b = np.array([[1],[2],[3]]);print a.shape//(1，3）prin...
JavaScript

87,964

社区成员

224,661

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章