用php+javascript實(shí)現(xiàn)二級(jí)級(jí)聯(lián)菜單的制作
更新時(shí)間:2008年05月06日 23:25:12 作者:
二級(jí)級(jí)聯(lián)菜單在我去年的時(shí)候就用asp+js做過(guò),而現(xiàn)在忽然拿出來(lái)再做的時(shí)候我發(fā)現(xiàn)我忘記了,而且原來(lái)用asp寫的程序都找不到了,真暈[emot]sweat[/emot],于是到網(wǎng)上搜,找了半天,我發(fā)現(xiàn)網(wǎng)上的寫法各異,而且都特別復(fù)雜,這么一個(gè)二級(jí)級(jí)聯(lián)菜單,有必要弄這么復(fù)雜嗎?于是自己想重新寫一個(gè)簡(jiǎn)單的。在經(jīng)過(guò)半個(gè)小時(shí)左右的思考后,我完成了二級(jí)級(jí)聯(lián)菜單的設(shè)計(jì)和制作。
大體思路是這樣的:為了不讓先前的頁(yè)面刷新,我用iframe潛入了一個(gè)二級(jí)子頁(yè)面,用來(lái)讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù),最后把想要的數(shù)據(jù)傳遞給父級(jí)頁(yè)面,完成數(shù)據(jù)的選擇和轉(zhuǎn)移。
主要程序代碼如下(部分代碼有改動(dòng),但不影響功能):
父頁(yè)面reg.html:
<iframe src=”city.php” width=”300″ height=”22″ frameborder=”0″ scrolling=”no”></iframe> <input name=”city” type=”hidden” id=”city” value=”" />
子頁(yè)面city.php:
<script language=”javascript” type=”text/javascript”>
function goto(n){
this.location.href=”city.php?sh_id=”+n;
}
</script>
<select name=”sh” onchange=”goto(this.value)”>
<option>請(qǐng)選擇所在省市</option>
<?php
include_once(”db.php”);
$sql=”select * from province order by sh_id asc”;
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?>
<option value=”<? echo $row[”sh_id”];?>” <? if($_GET[”sh_id”]==$row[”sh_id”]){echo 'selected=”selected”‘;}?>><? echo $row[”sh_name”];?></option>
<?php
}
?>
</select>
<select name=”city” onchange=”parent.document.getElementById('city').value=this.value”>
<option>選擇你所在的城市</option>
<?php
if(!empty($_GET[”sh_id”])){
//echo “ok”;
$sql=”select * from city where sh_id=”.$_GET[”sh_id”].” order by city_id asc”;
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?>
<option value=”<? echo $row[”city_name”];?>”><? echo $row[”city_name”];?></option>
<?php
}
}
?>
</select>
您可能感興趣的文章:
- PHP導(dǎo)航下拉菜單的實(shí)現(xiàn)如此簡(jiǎn)單
- thinkphp實(shí)現(xiàn)面包屑導(dǎo)航(當(dāng)前位置)例子分享
- php實(shí)現(xiàn)面包屑導(dǎo)航例子分享
- php可應(yīng)用于面包屑導(dǎo)航的遞歸尋找家譜樹(shù)實(shí)現(xiàn)方法
- 簡(jiǎn)單的用PHP編寫的導(dǎo)航條程序
- ThinkPHP使用心得分享-ThinkPHP + Ajax 實(shí)現(xiàn)2級(jí)聯(lián)動(dòng)下拉菜單
- jQuery+PHP+MySQL二級(jí)聯(lián)動(dòng)下拉菜單實(shí)例講解
- JavaScript結(jié)合PHP實(shí)現(xiàn)網(wǎng)頁(yè)制作中雙下拉菜單的動(dòng)態(tài)實(shí)現(xiàn)
- php 三級(jí)聯(lián)動(dòng)菜單
- PHP+JS三級(jí)菜單聯(lián)動(dòng)菜單實(shí)現(xiàn)方法
- php+jQuery實(shí)現(xiàn)的三級(jí)導(dǎo)航欄下拉菜單顯示效果
相關(guān)文章
phpy之PHP與Python互調(diào)庫(kù)實(shí)現(xiàn)AI編程
這篇文章主要為大家介紹了phpy之PHP與Python互調(diào)庫(kù)實(shí)現(xiàn)AI編程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
PHP使用Redis替代文件存儲(chǔ)Session的方法
這篇文章主要介紹了PHP使用Redis替代文件存儲(chǔ)Session的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Session的基本操作方法及使用Redis存儲(chǔ)session的相關(guān)技巧,需要的朋友可以參考下2017-02-02
PHP定時(shí)任務(wù)獲取微信access_token的方法
這篇文章主要介紹了PHP定時(shí)任務(wù)獲取微信access_token的方法,涉及php基于curl動(dòng)態(tài)獲取access_token及CentOS下crontab設(shè)置計(jì)劃任務(wù)的相關(guān)操作技巧,需要的朋友可以參考下2016-10-10

