easyui下拉框实现二级联动

男娘i 2022-05-21 04:05 242阅读 0赞

原理：第一数组正常展示，根据选中的选项将选项下的数组赋给下一复选框

theGetData = data["linkage"];//ajax请求回来的
                        $.each(theGetData,function(i,v){//将数据转为所需格式
                            //如果改路线 有地铁站注册
                            if(v.line_station.length>0){
                                lineArr.push({"id":v["line_id"],"text":v["line_name"]});
                            }
                        });
                        /*创建下拉框*/
                      //地铁线 二级联动
                        window.parent.saveCombobox({
                            id:"#dwcglzldhLine",
                            pageId:iframeId,
                            data:lineArr,
                            first:lineArr[0].id,
                            required:true,
                            editable:false,
                            select:function(record){
                                //每次选中后先 清空 thisAddress的值 
                                thisAddress = [];
                                $.each(theGetData,function(i,v){
                                    if(v.line_id==record.id&&v.line_station.length>0){//点击的对应的数据项
                                        $.each(v.line_station,function(index,val){
                                            if(val.customer_id){
                                                thisAddress.push({
                                                    "id":val.station_id,
                                                    "text":val.station_name
                                                });
                                            }
                                        });
                                    }
                                });
                                //地铁站
                                window.parent.saveCombobox({
                                    id:"#dwcglzldhAddressFrom",
                                    pageId:iframeId,
                                    data:thisAddress,
                                    first:thisAddress[0]["id"],
                                    required:true,
                                    editable:false,
                                    select:function(resData1){
                                    	var id;
                                    	theToStationArr = [];
                                    	$.each(thisAddress,function(index,val){
                                    		if(resData1.id==val.id) return true;
                                    		theToStationArr.push(val);
                                    	});
                                    	stationOneType = resData1.id;
    	                                //地铁站
    	                                window.parent.saveCombobox({
    	                                    id:"#dwcglzldhAddressTo",
    	                                    pageId:iframeId,
    	                                    data:theToStationArr,
    	                                    first:theToStationArr[0]["id"],
    	                                    required:true,
    	                                    editable:false,
    	                                    select:function(resData2){
    	                                    	stationTwoType = resData2.id;
    	                                    }
    	                                });
    	                              
                                    	//$("#jnyhnxAddress",window.parent.document).combobox("getValue");
                                    },
                                    func:function(){
                                    	getData();
                                    }
                                });
                            }
                           
                        });

法二：