本文實例講述了PHP+mysql實現的三級聯動菜單功能。分享給大家供大家參考，具體如下：
數據庫mysql
-- 數據庫: `student`---- ------------------------------------------------------------ 表的結構 `student`--CREATE TABLE `student` ( `id` int(50) NOT NULL auto_increment, `name` varchar(50) collate utf8_unicode_ci NOT NULL, `dept` varchar(50) collate utf8_unicode_ci NOT NULL, `class` varchar(50) collate utf8_unicode_ci NOT NULL, `sex` varchar(50) collate utf8_unicode_ci NOT NULL, `dept_id` int(50) NOT NULL, `class_id` int(50) NOT NULL, PRIMARY KEY (`id`)) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=5 ;---- 導出表中的數據 `student`--INSERT INTO `student` (`id`, `name`, `dept`, `class`, `sex`, `dept_id`, `class_id`) VALUES(1, '計算機名字', '計算機工程系', '計061', '男', 1, 11),(2, '教計名字', '計算機工程系', '教技061', '男', 1, 14),(3, '管理名字', '管理系', '管理061', '女', 2, 21),(4, '機械名字', '機械工程系', '自動化061', '男', 3, 31);
index.php代碼：
<?php$link=mysql_connect("localhost","root","") or die("數據庫服務器連接錯誤".mysql_error());mysql_select_db("student",$link) or die("數據庫訪問錯誤".mysql_error());mysql_query("set character set gb2312");mysql_query("set names gb2312");?><html> <head> <title>下拉框連動</title> </head><body><script language="JavaScript">//二級菜單數組var subcat = new Array();<?php$i=0;$sql="select * from student";$query=mysql_query($sql,$link);while($arr=mysql_fetch_array($query)){ echo "subcat[".$i++."] = new Array('".$arr["dept_id"]."','".$arr["class"]."','".$arr["class_id"]."');/n";}?>//三級菜單數組var subcat2 = new Array();<?php$i=0;$sql="select * from student";$query=mysql_query($sql,$link);while($arr=mysql_fetch_array($query)){ echo "subcat2[".$i++."] = new Array('".$arr["class_id"]."','".$arr["class"]."','".$arr["name"]."');/n";}?>function changeselect1(locationid){ document.form1.s2.length = 0; document.form1.s2.options[0] = new Option('22請選擇22',''); for (i=0; i<subcat.length; i++) { if (subcat[i][0] == locationid) { document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]); } }}function changeselect2(locationid){ document.form1.s3.length = 0; document.form1.s3.options[0] = new Option('33請選擇33',''); for (i=0; i<subcat2.length; i++) { if (subcat2[i][0] == locationid) { document.form1.s3.options[document.form1.s3.length] = new Option(subcat2[i][2], subcat2[i][0]); } }}</script>三級聯動演示：<BR><form name="form1"><select name="s1" onChange="changeselect1(this.value)"><option>--請選擇--</option><option value=1>計算機工程系</option><option value=2>管理系</option><option value=3>機械工程系</option></select><select name="s2" onChange="changeselect2(this.value)"> <option>--請選擇--</option></select><select name="s3"> <option>--請選擇--</option></select></form></body></html>希望本文所述對大家PHP程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
