php+javascript实现三级联动(二)
2011-07-18 18:50
309 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> <!-- var prov = data.province; var city = data.city; var area = data.area; function change(v) { var str = 0; var val = 0; if(v>0) { Obj = document.getElementById('s'+v); val = Obj.options[Obj.selectedIndex].value; } var obj = document.getElementById(s[v]); with(obj) { length = 0; options[0] = new Option(opt0[v],opt0[v]); var $arr = get(v,val); for(var key in arr) { options[length] = new Option(arr[key],key); } if(v && options[1])options[1].selected = true; if(++v < s.length)change(v); } } function get(index ,val) { var value = ""; if(index == 0) { value = prov; }else if(index == 1){ value = city; }else if(index == 2){ value = area; } var t = new array(); if(val == 0) { return value; }else { for (var k in value) if(k.substr(0,val.length) == val) { t[k] = value[k]; } return t; } } var s = ["s1","s2","s3"]; var opt0 = ["-选择-省市-","-选择-城市-","-选择-城区-"]; function setup() { for(i=0;i<s.length-1;i++) { document.getElementById(s[i]).onchange = new Function("change("+(i+1)+")"); change(0); } } //--> </script> </head> <body onload="setup();"> <select id="s1"><option>-选择-省市-</option></select> <select id="s2"><option>-选择-城市-</option></select> <select id="s3"><option>-选择-城区-</option></select> </body> </html>
相关文章推荐
- php+javascript实现三级联动
- php+json+javascript实现三级联动
- 使用AJAX+php+mysql实现省市县三级联动
- JavaScript实现年月日三级联动
- 对asp.net实现DropDownList、ListBox无刷新三级联动(javascript)的改进
- PHP mysql ajax实现三级联动
- (转)javascript实现全国省市县三级联动
- PHP+Ajax三种方法实现省市县三级联动
- javascript三级联动效果实现
- 使用php+ajax实现三级联动
- Javascript 单数组实现列表框两级联动三级联动 By shawl.qiu
- 对asp.net实现DropDownList、ListBox无刷新三级联动(javascript)修改
- PHP+ajax实现省市县三级联动
- 原生javascript AJAX 三级联动的实现代码
- php+js+ajax+mysql实现省市三级联动
- Javascript实现三级联动
- 原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
- 用php+mysql+json+js+ajax实现省市县三级联动
- 【Vegas原创】PHP+jquery实现select的三级联动
- Javascript+AJAX+JSON+PHP实现列表框联动