当前位置: 首页 > news >正文

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

本文实例讲述了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代码:

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

?>

下拉框连动

//二级菜单数组

var subcat = new Array();

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

$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

{

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

{

if (subcat2[i][0] == locationid)

{

document.form1.s3.options[document.form1.s3.length] = new Option(subcat2[i][2], subcat2[i][0]);

}

}

}

三级联动演示:

--请选择--

计算机工程系

管理系

机械工程系

--请选择--

--请选择--

希望本文所述对大家PHP程序设计有所帮助。

相关文章:

  • php创建mysql数据库表_php创建mysql数据库以及数据表
  • eclipse html 报错_Maven教程6: Maven与Eclipse整合
  • 两台mysql如何同步数据_实现两台MySQL数据库数据的同步的方法
  • mysql 开源表单系统_DWSurvey: DWSurvey是一款方便、高效、实用,基于 JAVA WEB 的开源问卷表单系统...
  • python 判断语句_Python入门系列12-Python的条件判断语句
  • 返回空vector_Java集合之ArrayList的优缺点,以及和Vector的区别
  • mysql 2006_MySQL 2006 超时
  • owncloud mysql版本_搭建owncloud
  • python链接mysql 语句要密码吗_python 链接 mysql数据库
  • 根据excel列动态创建mysql表_根据数据库字段动态生成excel模版下载,上传模版获取数据存入数据库(poi 反射)...
  • matlab 等高线数值显示_matlab条形图显示数值
  • springmvc mysql配置_springMVC3.2+spring3.2.4+hibernate 4.2.4+MySQL环境配置
  • win10 mysql5.7.20_Win10下MySQL5.7.20 Mysql(64位)解壓版安裝及bug修復
  • java 列出目录文件_java简单列出文件夹下所有文件的方法
  • java 代码下载excel_上传下载Excel的Demo,java代码
  • [分享]iOS开发-关于在xcode中引用文件夹右边出现问号的解决办法
  • 2019.2.20 c++ 知识梳理
  • JavaScript 奇技淫巧
  • Joomla 2.x, 3.x useful code cheatsheet
  • Js基础——数据类型之Null和Undefined
  • node.js
  • Otto开发初探——微服务依赖管理新利器
  • SpringCloud集成分布式事务LCN (一)
  • 对JS继承的一点思考
  • 仿天猫超市收藏抛物线动画工具库
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 记一次删除Git记录中的大文件的过程
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 前端性能优化——回流与重绘
  • 通过git安装npm私有模块
  • 我从编程教室毕业
  • 写给高年级小学生看的《Bash 指南》
  • 用简单代码看卷积组块发展
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • ​如何使用ArcGIS Pro制作渐变河流效果
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • ( 10 )MySQL中的外键
  • (14)目标检测_SSD训练代码基于pytorch搭建代码
  • (MIT博士)林达华老师-概率模型与计算机视觉”
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (附源码)spring boot校园拼车微信小程序 毕业设计 091617
  • (附源码)ssm高校志愿者服务系统 毕业设计 011648
  • (原創) 未来三学期想要修的课 (日記)
  • (转)AS3正则:元子符,元序列,标志,数量表达符
  • (转)ObjectiveC 深浅拷贝学习
  • **PHP二维数组遍历时同时赋值
  • .Mobi域名介绍
  • .net MySql
  • .NET 解决重复提交问题
  • .NET 中的轻量级线程安全
  • .NET实现之(自动更新)
  • /bin/bash^M: bad interpreter: No such file ordirectory
  • @RequestBody的使用