如何在PHP中使用jQuery ajax和实现一个级联下拉列表框功能

  介绍

如何在PHP中使用jQuery ajax和实现一个级联下拉列表框功能吗?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

<强>一代码

乐趣。js:

//, JavaScript 文档   $(文档)时   ,function () {   ,$ . GET (“returnpc.php ?国旗=p",,空,,功能(数据){,//向服务器发送得到请求,获取省份的值,并将结果追加到省份下拉列表中   ,,(“# p")美元.append(数据);   ,});   ,$ (“# c") . css (“display",“none");,//初始状态使城市下拉列表不可见   ,$ (“# p") .change(函数(){,//为省份下拉列表增加改变事件   ,,如果($ (“# p") .val()==啊?{,//在没选择省份的情况下,使城市下拉列表不可见   ,,,(“# c")美元。css (“display",“none");   }{其他才能   ,,,,$ . GET (“returnpc.php ?国旗=c& p=? $ (“# p") .val(),,空,,功能(数据){,//如果选择了某省份,则向服务器发送得到请求,使用回调函数为城市下拉列表赋值,并使城市下拉列表可见   ,,,,,(“# c")美元。css (“display",““);   ,,(“# c")美元空虚();   ,,,,,(“# c")美元.append(数据),,//将数据追加到城市下拉列表   ,,,});   ,,,}   ,});   ,,}   );

索引。php:

& lt; ! DOCTYPE  html  PUBLIC “-//W3C//DTD  XHTML  1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;   & lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比;   & lt; head>   & lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312",/比;   & lt; title>使用jQuery制作级联下拉选择框选择地区& lt;/title>   & lt;/head>   & lt; script 语言=癹avascript", src=https://www.yisu.com/zixun/" js/jquery-1.3.2.js ">   <脚本语言=" javascript " src=" js/fun.js ">   身体<>   <选择id=" p " name=" p ">   <选项值=" ">,请选择地区->   <选择id=" c " name=" c ">         

电脑。php:

& lt; php ?/*,说明:全国(省、直辖市,自治区,特别行政区)数组*/p 美元;=,阵列(& # 39;北京& # 39;,& # 39;上海& # 39;,& # 39;天津& # 39;,& # 39;重庆& # 39;,& # 39;黑龙江& # 39;,& # 39;吉林& # 39;,& # 39;辽宁& # 39;,& # 39;内蒙古& # 39;,& # 39;河北& # 39;,& # 39;河南& # 39;,& # 39;山东& # 39;,& # 39;山西& # 39;,& # 39;江苏& # 39;,& # 39;安徽& # 39;,& # 39;陕西& # 39;,& # 39;宁夏& # 39;,& # 39;甘肃& # 39;,& # 39;青海& # 39;,& # 39;湖北& # 39;,& # 39;湖南& # 39;,& # 39;浙江& # 39;,& # 39;江西& # 39;,& # 39;福建& # 39;,& # 39;贵州& # 39;,& # 39;四川& # 39;,& # 39;广东& # 39;,& # 39;广西& # 39;,& # 39;云南& # 39;,& # 39;海南& # 39;,& # 39;新疆& # 39;);/*,说明:省、市、直辖市,自治区所属的城市数组*/数组$ c =, ();   $ c[0],=,数组(& # 39;北京& # 39;);   $ c[1],=,数组(& # 39;上海& # 39;);   $ c[2],=,数组(& # 39;天津& # 39;);   $ c[3],=,数组(& # 39;重庆& # 39;);   $ c[4],=,数组(& # 39;哈尔滨& # 39;,& # 39;齐齐哈尔& # 39;,& # 39;牡丹江& # 39;,& # 39;大庆& # 39;,& # 39;伊春& # 39;,& # 39;双鸭山& # 39;,& # 39;鹤岗& # 39;,& # 39;鸡西& # 39;,& # 39;佳木斯& # 39;,& # 39;七台河& # 39;,& # 39;黑河& # 39;,& # 39;绥化& # 39;,& # 39;大兴安岭& # 39;);   $ c[5],=,数组(& # 39;长春& # 39;,& # 39;延边& # 39;,& # 39;吉林& # 39;,& # 39;白山& # 39;,& # 39;白城& # 39;,& # 39;四平& # 39;,& # 39;松原& # 39;,& # 39;辽源& # 39;,& # 39;大安& # 39;,& # 39;通化& # 39;);   $ c[6],=,数组(& # 39;沈阳& # 39;,& # 39;大连& # 39;,& # 39;葫芦岛& # 39;,& # 39;旅顺& # 39;,& # 39;本溪& # 39;,& # 39;抚顺& # 39;,& # 39;铁岭& # 39;,& # 39;辽阳& # 39;,& # 39;营口& # 39;,& # 39;阜新& # 39;,& # 39;朝阳& # 39;,& # 39;锦州& # 39;,& # 39;丹东& # 39;,& # 39;鞍山& # 39;);   $ c[7],=,数组(& # 39;呼和浩特& # 39;,& # 39;呼伦贝尔& # 39;,& # 39;锡林浩特& # 39;,& # 39;包头& # 39;,& # 39;赤峰& # 39;,& # 39;海拉尔& # 39;,& # 39;乌海& # 39;,& # 39;鄂尔多斯& # 39;,& # 39;通辽& # 39;);   $ c[8],=,数组(& # 39;石家庄& # 39;,& # 39;唐山& # 39;,& # 39;张家口& # 39;,& # 39;廊坊& # 39;,& # 39;邢台& # 39;,& # 39;邯郸& # 39;,& # 39;沧州& # 39;,& # 39;衡水& # 39;,& # 39;承德& # 39;,& # 39;保定& # 39;,& # 39;秦皇岛& # 39;);   $ c[9],=,数组(& # 39;郑州& # 39;,& # 39;开封& # 39;,& # 39;洛阳& # 39;,& # 39;平顶山& # 39;,& # 39;焦作& # 39;,& # 39;鹤壁& # 39;,& # 39;新乡& # 39;,& # 39;安阳& # 39;,& # 39;濮阳& # 39;,& # 39;许昌& # 39;,& # 39;漯河& # 39;,& # 39;三门峡& # 39;,& # 39;南阳& # 39;,& # 39;商丘& # 39;,& # 39;信阳& # 39;,& # 39;周口& # 39;,& # 39;驻马店& # 39;);   $ c[10],=,数组(& # 39;济南& # 39;,& # 39;青岛& # 39;,& # 39;淄博& # 39;,& # 39;威海& # 39;,& # 39;曲阜& # 39;,& # 39;临沂& # 39;,& # 39;烟台& # 39;,& # 39;枣庄& # 39;,& # 39;聊城& # 39;,& # 39;济宁& # 39;,& # 39;菏泽& # 39;,& # 39;泰安& # 39;,& # 39;日照& # 39;,& # 39;东营& # 39;,& # 39;德州& # 39;,& # 39;滨州& # 39;,& # 39;莱芜& # 39;,& # 39;潍坊& # 39;);   $ c[11],=,数组(& # 39;太原& # 39;,& # 39;阳泉& # 39;,& # 39;晋城& # 39;,& # 39;晋中& # 39;,& # 39;临汾& # 39;,& # 39;运城& # 39;,& # 39;长治& # 39;,& # 39;朔州& # 39;,& # 39;忻州& # 39;,& # 39;大同& # 39;,& # 39;吕梁& # 39;);   $ c[12],=,数组(& # 39;南京& # 39;,& # 39;苏州& # 39;,& # 39;昆山& # 39;,& # 39;南通& # 39;,& # 39;太仓& # 39;,& # 39;吴县& # 39;,& # 39;徐州& # 39;,& # 39;宜兴& # 39;,& # 39;镇江& # 39;,& # 39;淮安& # 39;,& # 39;常熟& # 39;,& # 39;盐城& # 39;,& # 39;泰州& # 39;,& # 39;无锡& # 39;,& # 39;连云港& # 39;,& # 39;扬州& # 39;,& # 39;常州& # 39;,& # 39;宿迁& # 39;);   $ c[13],=,数组(& # 39;合肥& # 39;,& # 39;巢湖& # 39;,& # 39;蚌埠& # 39;,& # 39;安庆& # 39;,& # 39;六安& # 39;,& # 39;滁州& # 39;,& # 39;马鞍山& # 39;,& # 39;阜阳& # 39;,& # 39;宣城& # 39;,& # 39;铜陵& # 39;,& # 39;淮北& # 39;,& # 39;芜湖& # 39;,& # 39;毫州& # 39;,& # 39;宿州& # 39;,& # 39;淮南& # 39;,& # 39;池州& # 39;);   $ c[14],=,数组(& # 39;西安& # 39;,& # 39;韩城& # 39;,& # 39;安康& # 39;,& # 39;汉中& # 39;,& # 39;宝鸡& # 39;,& # 39;咸阳& # 39;,& # 39;榆林& # 39;,& # 39;渭南& # 39;,& # 39;商洛& # 39;,& # 39;铜川& # 39;,& # 39;延安& # 39;);   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

如何在PHP中使用jQuery ajax和实现一个级联下拉列表框功能