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

    // JavaScript Document
    $(document).ready(function(e) {
        
        var str = "<select id='sheng'></select><select id='shi'></select><select id='qu'></select>";
        
        $("#sanji").html(str);
        Fillsheng();
        Fillshi();
        Fillqu();
        $("#sheng").change(function(){
            Fillshi();
            Fillqu();
            })
        
        $("#shi").change(function(){
            Fillqu();
            })    
    });    
        
        
        
    
    function Fillsheng(){
        var pcode="0001";
        $.ajax({
            async:false,
            url:"sanchu.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                var hang = data.split("|");
                var str = "";
                for(var i=0;i<hang.length;i++)
                {
                    var lie = hang[i].split("^");
                    str = str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
                }    
                    $("#sheng").html(str);    
                
                }        
            });
        
        
        }
    function Fillshi(){
        
        var pcode = $("#sheng").val();
        $.ajax({
            async:false,
            url:"sanchu.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                var hang = data.split("|");
                var str = "";
                for(var i=0;i<hang.length;i++)
                {
                    var lie = hang[i].split("^");
                    str = str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
                }    
                    $("#shi").html(str);    
                
                }        
            });
            }
    function Fillqu(){
        
        var pcode = $("#shi").val();
        $.ajax({
            async:false,
            url:"sanchu.php",
            data:{pcode:pcode},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                var hang = data.split("|");
                var str = "";
                for(var i=0;i<hang.length;i++)
                {
                    var lie = hang[i].split("^");
                    str = str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";
                }    
                    $("#qu").html(str);    
                
                }        
            });
            }
            
    
    三级联动插件
    
    
    
    <?php
    $pcode = $_POST["pcode"];
    include("DBDA.class.php");
    $db=new DBDA();
    
    $sql="select * from chinastates where parentareacode='{$pcode}'";
    
    
    echo $db->StrQuery($sql);
    
    
    ?>
    
    
    
    
    
    三级联动处理
  • 相关阅读:
    nginx实战
    apache定制错误页面
    openstack虚拟机获取不到ip
    ansible-galera集群部署(13)
    kubernetes监控(12)
    kubernets部署sock-shop微服务电商平台(11)
    用ConfigMap管理配置(10)
    k8s管理机密信息(9)
    shell编程(2)
    shell练习题集合
  • 原文地址:https://www.cnblogs.com/liuran123/p/6058878.html
Copyright © 2011-2022 走看看