zoukankan      html  css  js  c++  java
  • 0520三级联动

    主页面

    <!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="sj"></div>
    </body>
    </html>

    js处理页面

    $(document).ready(function(e) {

    $("#sj").html("<select id='sheng'></select><select id='shi'></select><select id='qu'></select>");
    填充省内容的方法
    tiansheng();
    填充市内容的方法
    tianshi();
    填充区内容的方法
    tianqu();
    当选中省的时候,填相应的市和区
    $("#sheng").change(function(){
    tianshi();
    tianqu();

    })
    当选中市的时候,填相应的区
    $("#shi").change(function() {
    tianqu();
    });
    填省的方法
    function tiansheng()
    {
    var code="0001";
    $.ajax({
    async:false,
    url:"chuli.php",
    data:{code:code},
    type:"POST",
    datatype:"TEXT",
    success: function(zhi){
    var str="";
    var hang =zhi.split("|");
    for(var i=0;i<hang.length;i++)
    {
    var lie=hang[i].split("^");
    str+="<option value='"+lie[0]+"'>"+lie[1]+"</option>"
    }
    $("#sheng").html(str);
    }

    });

    }
    填市的方法
    function tianshi()
    {
    var code=$("#sheng").val();
    $.ajax({
    async:false,
    url:"chuli.php",
    data:{code:code},
    type:"POST",
    datatype:"TEXT",
    success: function(zhi){
    var str="";
    var hang =zhi.split("|");
    for(var i=0;i<hang.length;i++)
    {
    var lie=hang[i].split("^");
    str+="<option value='"+lie[0]+"'>"+lie[1]+"</option>"
    }
    $("#shi").html(str);

    }

    });

    }
    填区的方法
    function tianqu()
    {
    var code=$("#shi").val();
    $.ajax({
    async:false,
    url:"chuli.php",
    data:{code:code},
    type:"POST",
    datatype:"TEXT",
    success: function(zhi){
    var str="";
    var hang =zhi.split("|");
    for(var i=0;i<hang.length;i++)
    {
    var lie=hang[i].split("^");
    str+="<option value='"+lie[0]+"'>"+lie[1]+"</option>"
    }
    $("#qu").html(str);

    }

    });

    }
    });

    处理页面

    <?php
    $code=$_POST["code"];
    include("../DBDA.php");
    $db=new DBDA();
    $sql="select AreaCode,AreaName,ParentAreaCode from ChinaStates where ParentAreaCode='{$code}'";
    echo $db->StrQuery($sql);

  • 相关阅读:
    洛谷 P2607 [ZJOI2008]骑士(基环树、树形dp)
    洛谷 P1453 城市环路(基环树,树形dp)
    基环树学习笔记 & CF711D Directed Roads
    centos7 系统安全加固方案
    来自后端的突袭? --开包即食的教程带你浅尝最新开源的C# Web引擎 Blazor
    作为一个C#程序员, 你应该上手Kotlin
    python中类和self讲解
    Mysql 存储引擎中InnoDB与Myisam的主要区别
    Apache和Nginx的区别
    PHP超全局变量
  • 原文地址:https://www.cnblogs.com/wcc731546227/p/5514003.html
Copyright © 2011-2022 走看看