用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寫(xiě)的程序都找不到了,真暈[emot]sweat[/emot],于是到網(wǎng)上搜,找了半天,我發(fā)現(xiàn)網(wǎng)上的寫(xiě)法各異,而且都特別復(fù)雜,這么一個(gè)二級(jí)級(jí)聯(lián)菜單,有必要弄這么復(fù)雜嗎?于是自己想重新寫(xiě)一個(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編寫(xiě)的導(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)文章
php 驗(yàn)證碼制作(網(wǎng)樹(shù)注釋思想)
php 驗(yàn)證碼制作原理分析。2009-07-07PHP字符串word末字符實(shí)現(xiàn)大小寫(xiě)互換的方法
這篇文章主要介紹了PHP字符串word末字符實(shí)現(xiàn)大小寫(xiě)互換的方法,是涉及PHP字符串轉(zhuǎn)換非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11php獲取當(dāng)前網(wǎng)址url并替換參數(shù)或網(wǎng)址的方法
今天在項(xiàng)目中用到的兩個(gè)函數(shù),自己寫(xiě)了下,備用,需要的朋友也可以直接使用了,推薦第一個(gè)函數(shù)為獲取,后面為相關(guān)的處理參數(shù)。2010-06-06PHP防范SQL注入的具體方法詳解(測(cè)試通過(guò))
PHP防范SQL注入是一個(gè)非常重要的安全手段。相信大家對(duì)這一安全防范方法還不是很了解,希望通過(guò)本文介紹的內(nèi)容大家能夠充分掌握這一知識(shí)點(diǎn)2014-05-05PHP中IP地址與整型數(shù)字互相轉(zhuǎn)換詳解
這篇文章主要介紹了PHP中IP地址與整型數(shù)字互相轉(zhuǎn)換詳解,本文介紹了使用PHP函數(shù)ip2long與long2ip的使用,以及它們的BUG介紹,最后給出自己寫(xiě)的兩個(gè)算法,需要的朋友可以參考下2014-08-08