首页 > 其他 > 详细

6.21三级菜单

时间:2018-06-21 19:34:56      阅读:223      评论:0      收藏:0      [点我收藏+]

技术分享图片

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="../public/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <div id="sanji">
        
    </div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function(){
       var str = "<select id=‘sheng‘></select><select id=‘shi‘></select><select id=‘qu‘></select>";
       $("#sanji").html(str);
           sheng();
           shi();
           qu();
           $("#sheng").change(function(){//当元素的值发生改变时,会发生 change 事件。
               shi();
               qu();
           })
           $("#shi").change(function(){
               qu();
           })       
    })

    function sheng(){
        var pcode = "0";
        var sheng_str = "";
        $.ajax({
            type:"post",
            url:"chuli.php",
            async:false,//是否异步
            data:{
                pcode:pcode
            },
            dataType:"json",
            success:function(data){
                for(var i=0;i<data.length;i++){
                    sheng_str +="<option value=‘"+data[i][0]+"‘>"+data[i][1]+"</option>";    
                }
                $("#sheng").html(sheng_str);
            }
        });
    }
     function shi(){
        var pcode = $("#sheng").val();
        var shi_str = "";
        $.ajax({
            type:"post",
            url:"chuli.php",
            async:false,//是否异步
            data:{
                pcode:pcode
            },
            dataType:"json",
            success:function(data){
                for(var i=0;i<data.length;i++){
                    shi_str +="<option value=‘"+data[i][0]+"‘>"+data[i][1]+"</option>";    
                }
                $("#shi").html(shi_str);
            }
        });
    }
    function qu(){
        var pcode = $("#shi").val();
        var qu_str = "";
        $.ajax({
            type:"post",
            url:"chuli.php",
            async:false,//是否异步
            data:{
                pcode:pcode
            },
            dataType:"json",
            success:function(data){
                for(var i=0;i<data.length;i++){
                    qu_str +="<option value=‘"+data[i][0]+"‘>"+data[i][1]+"</option>";    
                }
                $("#qu").html(qu_str);
            }
        });
    }
</script>
<?php
  $conn = new mysqli("localhost","root","","ceshi3");
  $conn->connect_error?die():"";
  $pcode=$_POST[‘pcode‘];
  $sql="select id,area_name from dt_area where area_parent_id = ‘{$pcode}‘";
  $result= $conn->query($sql);
  $attr = $result->fetch_all();
  echo json_encode($attr);
?>

 

6.21三级菜单

原文:https://www.cnblogs.com/sunhao1987/p/9210531.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!