三级联动

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':['营业厅-延安路元通店','营业厅-庆春路大侠店','营业厅-长春路百老店']}