jQuery ajax+PHP实现的级联下拉列表框功能示例

php  /  管理员 发布于 7年前   251

本文实例讲述了jQuery ajax+PHP实现的级联下拉列表框功能。分享给大家供大家参考，具体如下：

一 代码

fun.js：

// JavaScript Document$(document).ready( function(){ $.get("returnpc.php?flag=p", null, function(data){ //向服务器发送GET请求，获取省份的值，并将结果追加到省份下拉列表中   $("#p").append(data); }); $("#c").css("display","none"); //初始状态使城市下拉列表不可见 $("#p").change(function(){ //为省份下拉列表增加改变事件   if($("#p").val()==""){ //在没选择省份的情况下，使城市下拉列表不可见    $("#c").css("display","none");  }else{     $.get("returnpc.php?flag=c&p="+$("#p").val(), null, function(data){ //如果选择了某省份，则向服务器发送GET请求，使用回调函数为城市下拉列表赋值，并使城市下拉列表可见      $("#c").css("display","");   $("#c").empty();      $("#c").append(data); //将数据追加到城市下拉列表    });    } });  });

index.php：

  -请选择地区-

pc.php：

returnpc.php：

".iconv('gbk','utf-8',$p[$i])."";  }  echo $str;   //输出要返回的参数}else{  $index = array_search($_GET['p'], $p);   //提取所选择省份的在省份数组中对应的键值  for($j=0; $j".iconv('gbk','utf-8',$c[$index][$j]).""; } echo $str;    //输出要返回的参数}?>

二 运行结果

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

• jquery+json 通用三级联动下拉列表
• jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
• jQuery实现多级联动下拉列表查询框
• jQuery 下拉列表 二级联动插件分享
• 基于jquery的二级联动菜单实现代码
• 简单实用jquery版三级联动select示例
• JQuery实现级联下拉框效果实例讲解
• jquery 实现二级/三级/多级联动菜单的思路及代码
• 省市区三级联动jquery实现代码
• 基于jquery的无限级联下拉框js插件
• jQuery实现动态生成年月日级联下拉列表示例