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二級聯動菜單相關的資料