记住用户名密码
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 条留言 其中：访客:0 条, 博主:0 条