jsp+js的3级级联菜单制作，可以提交到数据库保存资源-CSDN下载

共4个文件

js：1个

mdb：1个

htm：1个

5星 · 超过95%的资源需积分: 9 186 浏览量 2010-01-07 16:10:59 上传评论 1 收藏 32KB RAR 举报

在IT行业中，级联菜单（Cascading Menu）是一种常见的用户界面元素，它通常用于下拉选择，使得用户能够从一系列相关选项中进行选择。在这个项目中，我们讨论的是使用JSP（JavaServer Pages）和JavaScript来实现一个支持三级级联的菜单，并且能够将用户的选定值保存到数据库中。这涉及到前端开发与后端处理的结合，以及数据库交互的技能。 JSP是Java的一种动态网页技术，它可以嵌入Java代码，从而在服务器端生成HTML响应。在这个项目中，JSP将负责创建菜单结构，可能包括动态地从数据库中获取数据来构建菜单项。同时，JSP也可以处理用户的提交请求，将选定的值传递给后端逻辑。 JavaScript则在客户端起作用，提供交互性和实时更新的能力。对于级联菜单，JavaScript通常用来控制菜单的展开与折叠，根据用户的选择动态更新显示，并在用户做出选择时触发Ajax请求，将数据无刷新地发送回服务器。项目中提到的“保存”功能意味着当用户在三级级联菜单中做出选择后，这些选择会被发送到服务器，然后由JSP页面接收并处理。处理可能包括验证数据、调用数据库操作函数等。数据库保存的实现通常会依赖于某种持久化框架，如JDBC（Java Database Connectivity），它允许Java代码直接与各种类型的数据库进行交互。在实际开发中，可能会使用AJAX（Asynchronous JavaScript and XML）技术来实现异步数据交换，提高用户体验。虽然文件名中提到了ASP（Active Server Pages）和ACCESS，但在这个场景下，它们可能是作为示例或者参考，因为实际的实现是基于JSP和JavaScript的。这个项目涵盖了以下知识点： 1. JSP：理解JSP语法，如何在JSP页面中嵌入Java代码，以及如何处理HTTP请求和响应。 2. JavaScript：掌握DOM操作，事件监听，以及使用Ajax进行异步通信。 3. 级联菜单的实现：了解如何使用JavaScript控制菜单的级联行为，动态加载数据。 4. 数据库操作：利用JDBC进行数据库连接、查询、插入和更新操作。 5. 服务器端与客户端的交互：理解HTTP协议，以及如何通过Ajax在客户端与服务器之间传递数据。 6. 用户界面设计：考虑用户体验，如何使级联菜单易于使用且响应快速。实现这样的项目，开发者需要具备扎实的Web开发基础，包括前端和后端的知识，同时也需要熟悉数据库管理和SQL语言。通过这个项目，开发者可以提升自己在全栈开发中的能力。

资源推荐

资源详情

资源评论

收起资源包目录

JS&ASP&ACCESS_级联菜单&保存.rar （4个子文件）

JS+ASP+ACCESS 级联菜单&保存

selectarea.js 164KB

save.asp 537B

index.htm 3KB

user.mdb 200KB

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript" src="selectarea.js"></script> <title>JS+ASP+ACCESS 省市县三级地名级联下拉菜单&保存</title> </head> <body> <table width="100%" height="54" border="0" cellpadding="0" cellspacing="0"> <form name="form1" method="post" action="save.asp"> <tr> <td height="27" align="right"> </td> <td>JS+ASP+ACCESS 省市县三级地名级联下拉菜单&保存</td> </tr> <tr> <td height="27" align="right"> </td> <td><table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td><select name="city1" id="city1" onChange="changepro('city2','city1');"> <option value="" selected>省/直辖市</option> <option value='北京市'>北京市</option> <option value='天津市'>天津市</option> <option value='河北省'>河北省</option> <option value='山西省'>山西省</option> <option value='内蒙古区'>内蒙古区</option> <option value='辽宁省'>辽宁省</option> <option value='吉林省'>吉林省</option> <option value='黑龙江省'>黑龙江省</option> <option value='上海市'>上海市</option> <option value='江苏省'>江苏省</option> <option value='浙江省'>浙江省</option> <option value='安徽省'>安徽省</option> <option value='福建省'>福建省</option> <option value='江西省'>江西省</option> <option value='山东省'>山东省</option> <option value='河南省'>河南省</option> <option value='湖北省'>湖北省</option> <option value='湖南省'>湖南省</option> <option value='广东省'>广东省</option> <option value='广西区'>广西区</option> <option value='海南省'>海南省</option> <option value='重庆市'>重庆市</option> <option value='四川省'>四川省</option> <option value='贵州省'>贵州省</option> <option value='云南省'>云南省</option> <option value='西藏区'>西藏区</option> <option value='陕西省'>陕西省</option> <option value='甘肃省'>甘肃省</option> <option value='青海省'>青海省</option> <option value='宁夏区'>宁夏区</option> <option value='新疆区'>新疆区</option> <option value='台湾省'>台湾省</option> <option value='香港特区'>香港特区</option> <option value='澳门特区'>澳门特区</option> </select></td> <td><select name="city2" id="city2" onChange="changecity('city3','city2');"> <option value="">请选择</option> </select></td> <td><select name="city3" id="city3"> <option value="">请选择</option> </select></td> </tr> <table> <label> <input type="submit" name="Submit" value="提交"> </label> </table> </td> </tr> </form> </table> </body> </html>

评论收藏

内容反馈