php+mysql實現的二級聯動菜單效果詳解

2020-03-22 17:42:43

字體：大中小

來源：轉載

供稿：網友

本文實例講述了php+mysql實現的二級聯動菜單效果。分享給大家供大家參考，具體如下： !--php+mysql二級聯動-- html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title 生成學院專業級聯下拉菜單測試 /title /head body /************************************************* 功能： php+mysql+javascript實現學院專業二級級聯下拉框** 數據庫：數據庫名（ dms）、數據表（ colleges、 majors）** 表 colleges中字段： college_id（ id編號）、 name（學院名）** 表 majors中的字段： major_id（ id編號）、 college_id（學院 ID）、 name（學院名）** version 1.0** 作者： wu yaowen***********************************************///****************** 連接選擇數據庫 ***************$link = mysql_connect("localhost", "root", "123456") or die("Could not connect : " . mysql_error());mysql_select_db("dms") or die("Could not select database");//******************提取學院信息 ******************$queryCol = "select * from colleges order by college_id ";mysql_query("SET NAMES 'gb2312'");$result1 = mysql_query($queryCol) or die("Query failed : " . mysql_error());$colleges = array();while( $row1 = mysql_fetch_array($result1) ) $colleges[] = $row1;//print_r ($forum_data);mysql_free_result($result1);//**************獲取專業信息 ************** $queryMaj = "select * from majors order by college_id desc";mysql_query("SET NAMES 'gb2312'");if( !($result2 = mysql_query($queryMaj)) ) die('Could not query t_city list');$majors = array();while( $row2 = mysql_fetch_array($result2) ) $majors[] = $row2;mysql_free_result($result2); !--************ JavaScript處理 college-onChange *************-- script language = "JavaScript" var majorCount; // 存儲專業記錄條數 // form_majors[] 儲存專業 major數據，如 {(1,1,電子商務 ),(4,1,計算機科學 ),(3,2,古典文學 )} form_majors = new Array(); $num2 = count($majors); // $num2 獲取專業表中記錄的個數 majorCount = php echo $num2; for($j=0;$j $num2;$j++) // 從 0開始取出上面 majors[]中存儲的專業數據填充數組 form_majors[ echo $j; ] = new Array(" echo $majors[$j]['major_id']; "," echo $majors[$j]['college_id']; "," echo $majors[$j]['name']; function changeCollege(college_id) document.stu_add_form.major.length = 0; var id=id; var j; document.stu_add_form.major.options[0] = new Option('==選擇專業 ==',''); // label的 value為空 ' ' for (j=0;j majorCount; j++) // 從 0開始判斷 if (form_majors[j][1] == college_id) // if college_id等于選擇的學院的 id document.stu_add_form.major.options[document.stu_add_form.major.length] = new Option(form_majors[j][2], form_majors[j][0]); /script !--********************頁面表單 *************************-- form name="stu_add_form" method="post" 選擇： select name="college" onChange="changeCollege(document.stu_add_form.college.options[document.stu_add_form.college.selectedIndex].value)" size="1" option selected ==請選擇學院 == /option $num = count($colleges);for($i=0;$i $num;$i++) option value=" echo $colleges[$i]['college_id']; " echo $colleges[$i]['name']; /option /select select name="major" option selected value="" ==選擇專業 == /option /select /form /body /html sql語句：-- 表的結構 `colleges`CREATE TABLE IF NOT EXISTS `colleges` ( `college_id` int(8) NOT NULL auto_increment COMMENT '學院編號自動增加', `name` varchar(40) NOT NULL COMMENT '學院名稱', PRIMARY KEY (`college_id`), UNIQUE KEY `name` (`name`)) ENGINE=InnoDB DEFAULT CHARSET=gb2312 AUTO_INCREMENT=7 ;-- 導出表中的數據 `colleges`INSERT INTO `colleges` (`college_id`, `name`) VALUES(4, '化學與化工學院'),(1, '計算機與信息科學學院'),(6, '美術學院'),(2, '文學院'),(5, '音樂學院'),(3, '政治與公共管理學院');-- 表的結構 `majors`CREATE TABLE IF NOT EXISTS `majors` ( `major_id` int(8) NOT NULL auto_increment COMMENT '專業號，自動增加', `name` varchar(40) NOT NULL COMMENT '專業名', `college_id` int(8) default NULL COMMENT '所在學院', `counsellor_id` int(10) default NULL COMMENT '輔導員', PRIMARY KEY (`major_id`), UNIQUE KEY `college_id` (`college_id`,`counsellor_id`)) ENGINE=InnoDB DEFAULT CHARSET=gb2312 AUTO_INCREMENT=8 ;-- 導出表中的數據 `majors`INSERT INTO `majors` (`major_id`, `name`, `college_id`, `counsellor_id`) VALUES(1, '電子商務', 1, 1),(2, '音樂視唱', 5, 1),(3, '古典文學', 2, 1),(4, '計算機科學', 1, NULL),(5, '自動化', 1, NULL),(6, '現代文學', 2, NULL),(7, '新聞寫作', 2, NULL);更多關于PHP相關內容感興趣的讀者可查看本站專題：《PHP基于pdo操作數據庫技巧總結》、《PHP+MongoDB數據庫操作技巧大全》、《php面向對象程序設計入門教程》、《php字符串(string)用法總結》、《php+mysql數據庫操作入門教程》及《php常見數據庫操作技巧匯總》希望本文所述對大家PHP程序設計有所幫助。PHP教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：基于MySQL分區性能的詳細介紹

下一篇：PHP+MySQL插入操作實例