php二级联动菜单_如何用PHP实现select二级联动根据第一个下拉框选择的内容来选择第二个下拉框的内容

① 如何用php实现select二级联动，根据第一个下拉框选择的内容来选择第二个下拉框的内容

给第一个select加js事件，点击它的时候动态加载第二个select的内容，比如写个ajax获取第一个select的value（这个value是哪个quanx_id），然后去后台请求，后无论是用缓存还是说直接从数据库中查，得到这个value对应的field，再返回数据到前台进行处理。也可以在页面加载的时候就直接吧每个quanx_id的对应关系全部查找并在模板中的js用相应变量存储后，再采用上面的思路去动态加载就是了。反正最终都是当select1的value发生变化，动态加载select2的value.

② 求php二级联动下拉菜单

一般用ajax，比如：
大类的select onchange="xxx javascript函数(参数)"
参数就是大类的id值
在xxx javascript函数(大类id)里面
你用ajax把大类id传给一个php文件，这个php文件从数据库中取出这个大类下面的小类的值，再返回给当前的页面，当前的页面，再重新写小类的slelct。
比如小类的select是这样的：
<div id='xiaolei_div'>
<select id="xiaolei_select">
xxxx
</select>
</div>
当当前页面获取到小类的值之后：
在js函数里面：
var xiaolei_div=document.getElementById('xialei_div');
var options='';
for(xxxx)
{
options=options+'<option value="小类的id">小类的名称</option>';

}

xiaolei_div.innerHtml='<select id="xiaolei_select">'+options+'</select>';

只是说说思路，代码现打的，可能有错误

③ PHP的mvc怎么做不刷新的二级联动菜单

有两种方法可以实现. 一种是AJAX, 另外一种是html的iframe.你可以先去了解一下这两种技术的原理

④ 如图我已经创建了一个二级联动下拉菜单请问如何在php中用代码实现将下拉菜单中选中的选项和m

你在php里使用 $_POST['Distinction']这个就可以取到你选中的value值然后在跟你数据库进行比较就好了

当然如果你想自己在后台比较，那么需要使用到ajax来提交进行比较
$.ajax({
type: "GET",
url: “这里是你要进行访问的方法链接”,
data: {'值名':值},
dataType: "json",
success: function(“返回数据”){
//返回数据操作
}
});
你可以使用这个代码进行套

⑤ 如何用PHP做二级下拉菜单啊

首先，这种效果是html的select标签实现的，其实php要做的就是将数据按照一定的格式组织好，然后按照一定的规则输出即可。
下面是大致的示例代码。
// 首先根据你现有的数据对其按照一定的格式组织
$brands = array(
'东风本田' => array('艾力绅','本田CR-V',...),
'广汽本田' => array(...),
...

);
// 输出HTML标签
echo '<select name="brands" size="1">';
echo '<option value="">请选择车系</option>';

foreach ($brands as $brand => $items) {
echo '<optgroup label="',$brand,'">';
foreach ($items as $item) {
echo '<option value="',$item,'">',$item,'</option>';
}
echo '</optgroup>';
}
echo '</select>';

⑥ 求php JS 二级菜单(select) 联动的代码

<html>
<head>
<title>php爱好者_网页特效|www.phpfans.net|--- 二级下拉关联菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>
<body>

<script language="JavaScript">

</script>

</body>
</html>

⑦ 求php横向二级联动菜单

1.数据封装成
[ {
id:'',
name:'',
submenu[
{id:'',name:'',link:''}
]
},
{...}

]
这种形式，submenu存的就是每个菜单的子菜单
2.对一级菜单加上mouseover 事件监听
（1）在监听事件中获取当前菜单的位置
（2）将子菜单的列在一个div上，并将div显示一级菜单的右侧（需要自己计算相对位置）

（3）子菜单的div添加鼠标移开事件，鼠标移开时子菜单隐藏
这就是这种菜单的一种实现方式，至于代码，还是你自己尝试着去写吧
3.如果嫌麻烦，网上也应该能找到类似的效果的源代码，直接用

⑧ php如何做出二级联动菜单，数据需要从数据库中取出

用js给select绑定不同的事件，内容变化时用ajax取数据

⑨ thinkphp如何实现二级联动下拉选择框

可以用ajax实现。
数据库用无限级分类。比如：
省，市联动
数据库字段 id pid name
插入数据 1 0 山西
2 1 运城 3，1 吕梁
第一个下拉框，所有pid为0的数据全遍历出来。比如选择山西。第二个下拉菜单得到
山西的id（通过jquery $(省).change()），以山西id为父id遍历所有市。

⑩ php二级联动菜单

我给你提供一个三级的
主页面是
<!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>
<title>三级联动下拉列表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
<!--
var temp;
var ids = ['province','city','eare1']; //默认要操作的三个ID，注意先后顺序，不可颠倒。
// 参数说明:pid是关联的id (第二个参数) 的父级,n表示是第几级,(如第一级，第二级，第三级),selected 默认被选中的选择的主键
function getList (pid,id,n,selected) {
var list = document.getElementById(id);
$.post ('ajax.php?act=getList',{'pid':pid,'action':id},function (data) {
var temp1 = eval('('+ data +')'); //把传过来的字符串转化成一个JSON对象。
var leng = temp1.length;

var n = (n > ids.length ) ? ids.length : n;
n = (n < 0 ) ? 0 : n;
for (var j = n ; j < ids.length ; j++)
{
var t = 'temp'+j
t = document.getElementById(ids[j]);
t.options.length = 1;
t.options[0]=new Option('请选择','*');
}

if (leng > 0) {
list.length = leng + 1;
for (var i=0;i < temp1.length ;i++ )
{
list.options[i+1]=new Option(decodeURI(temp1[i].key),temp1[i].val);
if (temp1[i].region_id == selected ) {
list.options[0].selected = 'selected';
}
if (selected&&list.options[i+1].value==selected){
list.options[i+1].selected = 'selected';
}
}
}
if(pid == '*') {
switch(id){
case 'city':
t = document.getElementById('city');
t.options.length = 1;
t.options[0]=new Option('请选择','*');
t = document.getElementById('eare1');
t.options.length = 1;
t.options[0]=new Option('请选择','*');
break;
case 'eare1':
t = document.getElementById('eare1');
t.options.length = 1;
t.options[0]=new Option('请选择','*');
break;
}
}
if(document.getElementById('city')&&document.getElementById('city').value=='*'){
t = document.getElementById('eare1');
t.options.length = 1;
t.options[0]=new Option('请选择','*');
}
});
}
$(function () {
getList ('1','province',1);
//三个都写是为了修改的时候，请三个框中默认的都有选中的值,一般增加的时候只写第一个就可以了。
});
</script>
</head>

<body>
<div >
<select name="yc1" id="province" onchange="getList (this.value,'city',1)">
<option value="*" selected="selected">请选择</option>
</select>

<select name="yc2" id="city" onchange="getList (this.value,'eare1',2)">
<option value="*" selected="selected">请选择</option>
</select>

<select name="yc3" id="eare1">
<option value="*" selected="selected">请选择</option>
</select>

</div>
</body>
</html>

AJAX 页面是
<?php
$link = mysql_connect("localhost", "root", "123456");
mysql_select_db("mydatabase");
$act = isset ($_GET['act']) ? $_GET['act'] : '' ;
$action = isset ($_POST['action']) ? $_POST['action'] : '' ;
$pid = isset ($_POST['pid']) ? $_POST['pid'] : '' ;
$arr = array();
switch ($action) {
case 'province':
$sql = "select DISTINCT(province_name) val,province_id key from province order by id";
$res = mysql_query($sql);
while($col = mysql_fetch_array($res)){
$arr[] = $col;
}
break;
case 'city':
$sql = "select DISTINCT(city_name) val,city_id key from city where `province_id` = '".$pid."'
order by id";
$res = mysql_query($sql);
while($col = mysql_fetch_array($res)){
$arr[] = $col;
}
break;
case 'eare1':
$sql = "select DISTINCT(eare1_name) val,eare1_id key from eare1 where `city_id` = '".$pid."'
order by id";
$res = mysql_query($sql);
while($col = mysql_fetch_array($res)){
$arr[] = $col;
}
break;
}
mysql_close($link);
$list = array();
$i = 0;
foreach($arr as $k => $v){
foreach($v as $key => $value){
if(!preg_match("|^\d+|",$key)){
$list[$i][$key] = $value;
}
}
$i++;
}
print_r (json_encode ($list));

数据库关联是
表province 区域表
有ID province_id province_name三个字段
id是自增的 province_id为唯一
表CITY 城市表
有ID city_id city_name province_id
其中province_id与province表的province_id对应
id是自增的 city_id为唯一
最后一个表类似与city表

jquery.js可以到http://jquery.com/下载

如果有问题可以在晚上7-10点在H!给我留言

导航:首页 > 编程语言 > php二级联动菜单

php二级联动菜单

与php二级联动菜单相关的资料