5月20日 三级联动

三级联动：是在注册表中常见的一种类型，市会根据省的变化而变化，区会根据市的变化而变化，使用也很方便，在需要的界面引用div即可

主页面：写好div,引用 js 即可

//注意：必须在Jquery下引用

san.js页面：主要内容在js页面写好

具体步骤：

1.在div中写入三个下拉列表，分别是省、市、区

2.填充内容：选中省的时候改变市和区，选中市的时候改变区

3.写方法：将内容填充进去

// JavaScript Document
$(document).ready(function(e) {//将DIV里面写入三个下拉列表$("#sanji").html("");//填充内容（结果）//1.填充省
    FillSheng();//2.填充市
    FillShi();//3.填充区
    FillQu();//如果省选中变化的时候，去填充市和区$("#sheng").change(function(){//改变市
        FillShi();//改变区
        FillQu();})//如果市选中变化的时候，去填充区$("#shi").change(function(){//改变区
        FillQu();})//填充省的方法function FillSheng(){//找到父级代号var pcode = "0001";$.ajax({async:false,url:"chuli.php",data:{pcode:pcode},type:"POST",dataType:"TEXT",success: function(data){var str = "";var hang = data.split("|");for(var i=0;i){var lie = hang[i].split("^");str +=""+lie[1]+"";}$("#sheng").html(str);}});}//填充市的方法function FillShi(){var pcode = $("#sheng").val();$.ajax({async:false,url:"chuli.php",data:{pcode:pcode},type:"POST",dataType:"TEXT",success: function(data){var str = "";var hang = data.split("|");for(var i=0;i){var lie = hang[i].split("^");str +=""+lie[1]+"";}$("#shi").html(str);}});}//填充区的方法function FillQu(){var pcode = $("#shi").val();$.ajax({async:false,url:"chuli.php",data:{pcode:pcode},type:"POST",dataType:"TEXT",success: function(data){var str = "";var hang = data.split("|");for(var i=0;i){var lie = hang[i].split("^");str += ""+lie[1]+"";}$("#qu").html(str);}});}});

chuli.php页面：

php
$pcode = $_POST["pcode"];
include("../DBDA.class.php");
$db = new DBDA();
$sql = "select Areacode,Areaname,parentareacode from chinastates where parentareacode='{$pcode}'";echo $db->StrQuery($sql);

转载于:https://www.cnblogs.com/dongqiaozhi/p/5514627.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！