php+mysql实现的二级联动菜单效果详解资源-CSDN下载

153 浏览量 2020-12-18 10:37:26 上传评论收藏 55KB PDF 举报

本文实例讲述了php+mysql实现的二级联动菜单效果。分享给大家供大家参考，具体如下：  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>生成学院专业级联下拉菜单测试 </title> </head> <body> <? // /*********************************************** ** 功能： php+mysql+javascript实现学院专业二级级联下拉框 ** 数据在本文中，我们将深入探讨如何使用PHP和MySQL来实现二级联动菜单效果，这种效果常见于网页上的下拉选择框，特别是在需要表示层级关系时，如学院与专业的关系。二级联动菜单允许用户首先选择一个学院，然后根据所选学院自动加载相关的专业列表。我们来看一下实现这个功能所需的基本步骤： 1. **数据库设计**： - 创建数据库`dms`，包含两个表：`colleges`和`majors`。 - `colleges`表包含`college_id`（学院ID）和`name`（学院名称）字段。 - `majors`表包含`major_id`（专业ID）、`college_id`（所属学院ID）和`name`（专业名称）字段。 2. **连接数据库**：使用`mysql_connect()`函数连接到MySQL服务器，这里连接的是本地主机，用户名为`root`，密码为`123456`。接着使用`mysql_select_db()`函数选择数据库`dms`。 3. **提取数据**： - 使用SQL查询语句`SELECT * FROM colleges ORDER BY college_id`获取所有学院信息，并存储到数组`$colleges`中。 - 同样，通过`SELECT * FROM majors ORDER BY college_id DESC`获取所有专业信息，存储到数组`$majors`中。注意，这里按`college_id`降序排列，以便在联动时能正确匹配学院和专业。 4. **JavaScript处理**： - 定义变量`majorCount`用于存储专业记录条数，以及`form_majors`数组用于存储专业数据。 - PHP遍历`$majors`数组并将其内容填充到JavaScript数组`form_majors`中，便于在前端进行处理。 - 定义JavaScript函数`changeCollege(college_id)`，当用户在学院下拉菜单中做出选择时，此函数会被调用，动态更新专业下拉菜单的内容。 5. **HTML结构**： - HTML部分包括`<html>`、`<head>`和`<body>`标签，其中`<title>`定义页面标题，`<meta>`标签设置字符编码为`gb2312`。 - 包含一个表单，有两个下拉菜单，分别对应学院和专业。 6. **事件监听**：在JavaScript中，我们需要监听学院下拉菜单的`onChange`事件，当学院选择改变时，调用`changeCollege()`函数，根据选择的`college_id`从`form_majors`数组中筛选出对应的专业，并更新专业下拉菜单的选项。总结来说，这个实例通过结合PHP、MySQL和JavaScript实现了动态的二级联动菜单，提供了良好的用户体验。它展示了如何利用后端语言获取数据库中的数据，并结合前端脚本动态地响应用户的交互。这种技术广泛应用于各种Web应用程序，特别是那些需要处理层次结构数据的情况，如地区、部门、产品分类等。

资源推荐

资源详情

资源评论

php+mysql实现的二级联动菜单效果详解实现的二级联动菜单效果详解

本文实例讲述了php+mysql实现的二级联动菜单效果。分享给大家供大家参考，具体如下：

<html>

<head>

<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);

var majorCount; // 存储专业记录条数

// form_majors[] 储存专业 major数据，如 {(1,1,电子商务 ),(4,1,计算机科学 ),(3,2,古典文学 )}

form_majors = new Array();

<?php

$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'];?>");

<?php

}

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]);

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论收藏

内容反馈

weixin_38700320

粉丝: 4

php+mysql实现的二级联动菜单效果详解

phpmysql下拉菜单二级联动

两级联动菜单两级联动菜单

最简单的二级联动菜单

jQuery+PHP+MySQL二级联动下拉菜单实例讲解

jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

ajax+php十分简单好用的二级联动

全国（中国）省市两级联动 mysql数据库文件

省市二级联动mysql数据库

php代码实现二级联动下拉菜单效果

select下拉菜单实现二级联动效果

可以实现菜单联动效果的SlidingMenu

dwr框架实现二级菜单联动

AJAX二级菜单联动效果

php+mysql+jquery二级关联菜单[带数据库]

php+jquery+mysql城市三级联动

jQuery+ASP+SQL实现二级联动下拉菜单

JSP+AJAX+MYSQL实现二级级联菜单

修正了bug的php+mysql+jquery联动菜单

二级联动菜单（jsp mysql）

JS开发中百度地图+城市联动实现实时触发查询地址功能

tp5的下拉菜单二级联动

PHP+mysql实现的三级联动菜单功能示例

二级联动 下拉列表

三级菜单联动实现菜单联动效果

JS二级菜单联动的实现

js实现的下拉框二级联动效果

js实现简单的联动菜单效果

java实现的二级联动菜单效果

最新资源

二级联动下拉列表