JavaScript＋PHP 应用一：网页制作中双下拉菜单的动态实现
---摘自互联网
在网页制作中，常常遇到这种情况，通过主下拉菜单的选择，动态的生成子下拉菜单。例如：在主菜单中有“焦点新闻”、“生活时尚”、“心情故事”三个选项，通过“焦点新闻”的选择，子菜单自动生成如“国内”、“国际”、“体育”、“文娱”，依此类推。
利用javascript，我们可以轻松实现上述效果。但问题是，如果菜单中的选项是从数据库（或其他文件）中动态提取，实现起来就并不是轻而易举的了。笔者根据自己的实际经验，向大家介绍一种利用javascript ＋ php的实现方法，文中的数据库采用mysql。在本例中，笔者还将介绍在每一次表单提交之后，如何返回上一次菜单选项的选择状态。
文章中所介绍的php的作用，一是用来从数据库中提取菜单选项，另一作用，就是用来生成javascript代码。读者可以采用自己熟悉的解释型语言，如asp。
为了简化代码，笔者假设主菜单已经通过html构造，由于子菜单需要动态设计，所以只绘制了基本框架，html代码如下：
我们需要考虑的是，菜单的onchange()事件需要完成哪些步骤。其大致过程是，根据主菜单的选项，构造子菜单项目。而子菜单的项目文字最好事先设定。根据这个思路，笔者采用了javascript中的联合数组记录子菜单选项，并由php在加载时自动生成。由此，笔者设计了如下的javascript函数setmenu()：
function setmenu(){
menu=array("a","b","c"); //构造menu联合数组
$db = new my_db();
$db->database = "***"; //构造新的mysql连接，这里使用了phplib
$mmenu = array("a","b","c"); //这里笔者作了简化
for ($i=0;$i
$db->query("select menu from class where menuid ='".$id."'");
0
0
JavaScript＋PHP应用一：网页_PHP教程
php中文网
发布时间：2016-07-13 17:12:12
|1058人浏览过
|来源于php中文网
原创
相关文章
php错误控制运算符作用_php错误控制运算符功能【抑制】
PHP怎样格式化输出变量_PHP格式化输出变量技巧【技巧】
php逻辑运算符怎么组合_php逻辑运算符组合方式【应用】
php字符串连接用什么符号_php字符串连接运算符用法【连接】
PHP怎样计算数组平均值_计算数组平均值的函数应用【技巧】
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
Golang 并发编程模型与工程实践：从语言特性到系统性能
本专题系统讲解 Golang 并发编程模型，从语言级特性出发，深入理解 goroutine、channel 与调度机制。结合工程实践，分析并发设计模式、性能瓶颈与资源控制策略，帮助将并发能力有效转化为稳定、可扩展的系统性能优势。
2
2026.02.27
Golang 高级特性与最佳实践：提升代码艺术
本专题深入剖析 Golang 的高级特性与工程级最佳实践，涵盖并发模型、内存管理、接口设计与错误处理策略。通过真实场景与代码对比，引导从“可运行”走向“高质量”，帮助构建高性能、可扩展、易维护的优雅 Go 代码体系。
1
2026.02.27
Golang 测试与调试专题：确保代码可靠性
本专题聚焦 Golang 的测试与调试体系，系统讲解单元测试、表驱动测试、基准测试与覆盖率分析方法，并深入剖析调试工具与常见问题定位思路。通过实践示例，引导建立可验证、可回归的工程习惯，从而持续提升代码可靠性与可维护性。
0
2026.02.27
AO3官网直接进入
AO3官网最新入口合集，汇总2026年可用官方及镜像链接，助你快速稳定访问Archive of Our Own平台。阅读专题下面的文章了解更多详细内容。
53
2026.02.27
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
