可支持任意级选择器级联的控件函数

【要求】

提供数据1:

任意级的json数组

[
    {
        text:'第一级'
        value:'1',
        list:[
            {
                text:'第二级'
                value:'1.1',
                list:[
                    {
                        text:'第三级'
                        value:'1.1.1',
                        list:[]
                    },
                    ...
                ]
            },
            ...
        ]
    },
    ...
]

数据2:

一个存放响应选择器的数组

 selectList=[select1,select2,select3···];

【关键代码】

	function cascade(selectList,data){
    	// 这里selectList为依次级联的选择器元素列表,如[select1,select2,select3,...]
    	// TODO
    	for(var i=0;i=selectList.length)return;
      				//构造新的选择器
    				var newSelectList=[];
    				for(var j=v_length;j

【代码实现】




	
	


  	
  	
  	

data = [ { text:"1", value:"1", list:[ { text:"11", value:"1.1", list:[ { text:"111", value:"1.1.1" }, { text:"112", value:"1.1.2" }, { text:"113", value:"1.1.3" } ] }, { text:"12", value:"1.2", list:[ { text:"121", value:"1.2.1" }, { text:"122", value:"1.2.2" } ] } ] }, { text:"2", value:"2", list:[ { text:"21", value:"2.1", list:[ { text:"211", value:"2.1.1" }, { text:"212", value:"2.1.2" }, { text:"213", value:"2.1.3" } ] }, { text:"22", value:"2.2", list:[ { text:"221", value:"2.2.1" }, { text:"222", value:"2.2.2" } ] } ] } ];




你可能感兴趣的:(HTML,JS)