三级联动

var addrValues = <%=db.getAddressJson()%>;var sellingValues = <%=db.getSellingJson()%>;var equipmentValues = <%=db.getEquipmentJson()%>;var addrSize = addrValues.addressName.length;var sellingSize = sellingValues.sellingName.length;var equipmentSize = equipmentValues.equipmentName.length;//成员数var address = document.getElementById('area').options;var selling = document.getElementById('selling').options;var equipment = document.getElementById('equipment').options;//下拉框集合var addrs = [];//地区数组var sellings = [];//营业厅数组var equipments = [];//设备数组var selectedIndex = address.selectedIndex; //被选中的索引$(document).ready(function() {init();$('#area').bind('change', changeAddr);$('#selling').bind('change', changeSelling);});function init() {for(var i=0,j=0; j<addrSize;j++) {//地区code和name放入数组addrs[i] = addrValues.addressName[j];addrs[i+1] = addrValues.addressCode[j];i += 2;}for(var i=0,j=0; j<sellingSize;j++) {//营业厅code和name放入数组sellings[i] = sellingValues.sellingName[j];sellings[i+1] = sellingValues.sellingCode[j];i += 2;}for(var i=0,j=0; j<equipmentSize;j++) {//设备code和name放入数组equipments[i] = equipmentValues.equipmentName[j];equipments[i+1] = equipmentValues.equipmentCode[j];i += 2;}address.length = 0;selling.length = 0;equipment.length = 0; //清空列表address.add(new Option('所有地区', ''));for(var i=0; i<addrs.length;) { //添加地区列表address.add(new Option(addrs[i],addrs[i+1]));i += 2;}selling.add(new Option('所有营业厅', ''));equipment.add(new Option('所有设备', ''));}function changeAddr() {selectedIndex = address.selectedIndex;selling.length = 0;selling.add(new Option('所有营业厅', ''));for(var i=0; i<sellings.length;) {//地区改变，则改变营业厅列表if(sellings[i+1].substr(0,4) == address[selectedIndex].value) {selling.add(new Option(sellings[i],sellings[i+1]));}i += 2;}changeSelling(); //同时改变设备列表}function changeSelling() { //营业厅改变的时候selectedIndex = selling.selectedIndex;equipment.length = 0;equipment.add(new Option('所有设备', ''));for(var i=0; i<equipments.length;) {//营业厅改变，则改变设备列表if(equipments[i+1].substr(0,8) == selling[selectedIndex].value) {equipment.add(new Option(equipments[i],equipments[i+1]));}i += 2;}}

getAddressJson等方法是从java中取出的json格式数据。

形如：

{'addressCode':['3301','3302','3306'],'addressName':['杭州','萧山','绍兴']}

{'sellingCode':['3301B001','3301B002','3302B003'],'sellingName':['营业厅-延安路元通店','营业厅-庆春路大侠店','营业厅-长春路百老店']}