php四级联动

全屏阅读
  • 基本信息
  • 作者:
  • 作者已发布:924篇文章
  • 发布时间:2016年06月03日 8:51:52
  • 所属分类:html
  • 阅读次数:2743次阅读
  • 标签:

php+jQuery实现的四级联动

前台:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
    <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
    <scripttype="text/javascript"src="jquery-1.7.1.min.js"></script>
    <scripttype="text/javascript">
        $.post("bak.php", {id:0},
            function(status){
                str = '<option>请选择</option>';
                for(var i=0;i<status.length;i++){
                    str += '<optionvalue="'+status[i].id+'">'+status[i].name+'</option>';
                }
            $('select').html(str);
            }, "json");
        function change(obj){
            $(obj).nextAll().remove();
            $.ajax({
                'url':'bak.php',
                'type':'post',
                'data':{'id':$(obj).val()},
                'dataType':'json',
                'success':function(status){
                    str = '<selectonchange="change(this)"><option>请选择</option>';
                    for(var i=0;i<status.length;i++){
                        str += '<optionvalue="'+status[i].id+'">'+status[i].name+'</option>';
                    }
                    str += '</select>';
                    $('select:last').after(str);
                }
            });
        }
    </script>
</head>
<body>
    <selectonchange="change(this)">
 
    </select>
</body>
</html>

后台:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
 
    $id= isset($_POST['id']) ?$_POST['id'] : 0 ;
    $conn= mysql_connect('localhost','root','');
    mysql_select_db('mogu');
    $result= mysql_query("set names 'utf8'");
    $sql="select * from city where upid=".$id;
    $result= mysql_query($sql);
    while($rs= mysql_fetch_assoc($result)){
        $arr[] =$rs;
    }
    echojson_encode($arr);
 
?>

顶一下
(0)
100%
订阅 回复
踩一下
(0)
100%
» 固定链接:恒富网 » 《php四级联动》
» 郑重声明:本文由mpxq168发布,所有内容仅代表个人观点。版权归恒富网mpxq168共有,欢迎转载, 但未经作者同意必须保留此段声明,并给出文章连接,否则保留追究法律责任的权利! 如果本文侵犯了您的权益,请留言。

目前有 0 条留言 其中:访客:0 条, 博主:0 条

给我留言

您必须 [ 登录 ] 才能发表留言!