您的位置：首页 > 其它

AJAX实现三级联动

2016-05-23 12:54 351 查看

省市区三级联动插件：

主页面：为方便使用，不用写过多代码，只写一个id为sanji的div，若别的页面要用，只需写一个id为sanji的div，加载上jQuery与sanji.js文件即可

<!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>
<script src="../jquery-1.11.2.min.js"></script>
<script src="sanji.js"></script>
</head>

<body>
<!--三级联动插件-->
<!--显示省、市、区的下拉列表-->
<div id="sanji"></div>

</body>
</html>

在JS页面实现三级联动:

<?php
//取到传过来的父级代号
$pcode = $_POST["pcode"];

//引入操作数据库
include("../DB.class.php");
$db = new DB();
//写SQL语句
$sql = "select AreaCode,AreaName,ParentAreaCode from ChinaStates where ParentAreaCode = '{$pcode}'";
//执行
echo $db->StrQuery($sql);

View Code

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航