jQuery+ajax+php+html页面 ,解决省市县区街道四级联动
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <form> <select name="node1" onchange="get(this,'url','node2','node3','node4')"> <option value="">请选择省</option> <option value="安徽">安徽</option> <option value="浙江">浙江</option> </select> <select name="node2" onchange="get(this,'url','node3','node4')"> <option value="">请选择市</option> </select> <select name="node3" onchange="get(this,'url','node4')"> <option value="">请选择县</option> </select> <select name="node4"> <option value="">请选择街道</option> </select> </form> </body> </html> <script> function get() { if(window.arguments.length >2)//初始化改select下级所有的为空 { for(var i = 2 ; i < arguments.length ; i++) $('form select[name='+arguments[i]+"]").get(0).options.length = 0; } if(this.value.length > 0)//如果不是选择的第一项 { $.post(arguments[1],{name:this.value},function(back){//后台获取 //返回值这里以简单的字符串为列，应该使用更加规范的json作为返回值的 var Names = back.split("|"); for(var i = 0 ; i < Names.length ; i++) { $('form select[name='+arguments[2]+']').get(0).options.add(new Option(Names[i],Names[i])) } }) } } </script> PS:具体AJAX后台代码，你自己写下。这个和数据库结构有关了。、 其实我不觉得用ajax好使，不如页面进来全部加装了，然后再通过js来联动
采纳哦
采纳哦
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
