php简单实现二级联动

<script type="text/javascript">
//当第一级选项发生变化的时候跳转
function jump() {
location.href=‘?firstid=‘+document.getElementById(‘first‘).value;
}

</script>
<?php
//连接数据库
@mysql_connect(‘localhost‘,‘root‘,‘‘);
mysql_select_db(‘test‘);
mysql_query(‘set names utf8‘);

$firstid=isset($_GET[‘firstid‘])?$_GET[‘firstid‘]:‘‘;	//获取提交的firstid
?>
<!--获取第一级-->
<select id=‘first‘ onchange=‘jump()‘>
<option value="">---请选择---</option>
<?php
$sql=‘select * from shoplist where parentid=0‘;
$rs=mysql_query($sql);
while($rows=mysql_fetch_assoc($rs)):
?>
<option value="<?php echo $rows[‘id‘]?>" <?php echo $rows[‘id‘]==$firstid?‘selected‘:‘‘?>><?php echo $rows[‘name‘]?></option>
<?php
endwhile;
?>
</select>
<!--获取第二级-->
<select id=‘second‘>
<option value="">---请选择---</option>
<?php
$sql="select * from shoplist where parentid=$firstid";
$rs=mysql_query($sql);
while($rows=mysql_fetch_assoc($rs)):
?>
<option value="<?php echo $rows[‘id‘]?>"><?php echo $rows[‘name‘]?></option>
<?php endwhile;	?>
</select>

结果

时间: 2024-11-16 19:46:50

php简单实现二级联动的相关文章

利用JS实现一个简单的二级联动菜单

前几天在看js的相关内容,所以就简单写了一个二级联动菜单.分享一下. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JS实现二级联动菜单</title> 6 </head> 7 <body> 8 <form name="form1"

简单得二级联动

<!--/*--><!--* Created by sincere丶胡(weibo) on 2017/6/28.--><!--*/--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>yadi</title> <meta name="viewport&quo

通同select便签实现简单的二级联动

<!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-

jq实现简单的二级联动下拉框

1 效果图 2 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati

一个简单的二级联动效果,看完之后立马你也可以写一个(有源码,纯js,带注释)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择</title> <meta name="viewport" content="initial-scale=1.0, width=device-width,minimum-scale=1.0,maximum-scale=1

JavaScript基础 简单的二级联动下拉列表

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

jquery $.post() 向php传值 实现简单的二级联动

1 其中selectid是一个下拉菜单的id 2 3 $().ready(function () { 4 $("#selectid").change(function () { 5 $("#selectid").empty(); 6 var ov = $("#selectid").val(); 7 $.post( 8 "ajax_func.php",//需要纯php代码,不要有html混杂 9 {role: ov}, 10 f

jQuery动态绑定事件(简单模拟二级联动效果)

绑定事件:$("#leyangjun").bind("change",function(){ jquery 给标签赋值:$('#leyangjun').text('好一朵美丽的茉莉花'); 清空表单值:$("#leyangjun").empty(); radio取值:$("input[name='radioName'][checked]").val(); <!DOCTYPE html PUBLIC "-//W3

ajax实现二级联动

用js实现简单的ajax二级联动(如上图) HTML代码: 1 省份:<select id="province" onchange="getCity();" > 2 <option>请选择--</option> 3 </select> 4 城市:<select id="city"> 5 <option>请选择--</option> 6 </select>