JSP+JavaScript+JavaBean打造级联菜单

最新推荐文章于 2024-07-29 11:53:27 发布
最新推荐文章于 2024-07-29 11:53:27 发布
阅读量69 收藏
点赞数
文章标签： javascript python java ViewUI
原文链接：https://my.oschina.net/zjh92119/blog/106738
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

index.jsp
<%@page contentType="text/html; charset=gbk" language="java" import="java.sql.*" errorPage=""%>
<jsp:useBean id="connDB" class="com.core.ConnDB" scope="page"/>
<%
  ResultSet rs_city = null;
  ResultSet rs_Town = null;
  ResultSet rs_province = null;
  String sql = "";
  String sql_T = "";
  int SelectID_C = 0;
  int SelectID_P=0;
  String strCityID1=request.getParameter("CityID");
  String strSelectID_P=request.getParameter("ProvinceID");
  if (strSelectID_P!=null &&!strSelectID_P.equals("")) {
    session.setAttribute("SelectID_P", strSelectID_P);
  }
  String sql_P = "SELECT *  FROM tb_Area  WHERE TypeID=1 or TypeID=4 or TypeID=5";
  try {
    rs_province = connDB.executeQuery(sql_P);
    if (rs_province.next()) {
      if(session.getAttribute("SelectID_P")!=null){
        SelectID_P= Integer.parseInt((String)session.getAttribute("SelectID_P"));
      }else{
        SelectID_P=rs_province.getInt("ID");
      }
      %>
      <html>
      <head>
      <title>级联菜单</title>
      <meta http-equiv="Content-Type" content="text/html; charset=gbk">
        <link href="style.css" rel="stylesheet">
        <style type="text/css">
        <!--
        body {
        margin-left: 0px;
        margin-top: 0px;
        background-image:  url(Images/bg.gif);
        }
        .style1 {color: #FFFFFF}
        .style2 {color: #a2bcc5}
        -->
        </style>
      </head>
      <script language="javascript">
      function ChangeItem_P(){
        var ProvinceID=form1.Province.value;
        window.location.href="index.jsp?ProvinceID="+ProvinceID;
      }
      </script>
      <script language="javascript">
      function ChangeItem_C(){
        var CityID=form1.city.value;
        window.location.href="index.jsp?CityID="+CityID;
      }
      </script>
      <body>
      <table width="400" height="242" border="0" cellpadding="-2" cellspacing="-2" background="Images/add.gif">
        <tr>
          <td valign="top">
            <table width="400" height="271" cellpadding="-2" cellspacing="-2">
              <tr>
                <td width="11" height="85">&nbsp;</td>
                <td width="373">&nbsp;</td>
                <td width="14">
                  <span class="style2"></span>
                </td>
              </tr>
              <tr>
                <td height="144">&nbsp;</td>
                <td valign="top">
                  <div align="center">
                    <form name="form1" method="post" action="">
                    <table width="88%" height="142" border="1" cellpadding="-2" cellspacing="-2" bordercolor="#669999" bordercolordark="#FFFFFF">
                      <tr>
                        <td width="32%" height="27" bgcolor="#809EA4">
                          <div align="center" class="style1">省级名称：</div>
                        </td>
                        <td width="68%">
                        <%
                        sql = "select* from tb_area where TypeID=2 and father=" + SelectID_P + "";
                        sql_T = "select* from tb_area where TypeID=3 and father=" + SelectID_P + "";
                        rs_city = connDB.executeQuery(sql);
                        rs_Town = connDB.executeQuery(sql_T);
                        %>
                        <div align="left">                      &nbsp;
                          <select name="Province" onChange="ChangeItem_P()">
                          <%
                          rs_province.first();
                          do {
                            %>
                            <option value="<%=rs_province.getInt("ID")%>" <%if(rs_province.getInt("ID")==SelectID_P){out.print("selected");} %>><%=rs_province.getString("Name")%> </option>
                            <%
                            } while (rs_province.next()) ;
                            %>
                            </select>
                        </div>
                        </td>
                      </tr>
                      <tr>
                        <td height="27" bgcolor="#809EA4">
                          <div align="center" class="style1">市/县名称：</div>
                        </td>
                        <td>
                          <div align="left">                      &nbsp;
                            <%if (rs_city.next()) {
                            if (strCityID1==null) {
                              SelectID_C=rs_city.getInt("ID");
                            }else{
                              SelectID_C = Integer.parseInt(request.getParameter("CityID"));
                            }
                            %>
                            <select name="city" onChange="ChangeItem_C()">
                            <%rs_city.first();
                            do {
                              %>
                              <option value="<%=rs_city.getInt("ID")%>" <%if(rs_city.getInt("ID")==SelectID_C){%>selected<%}%>><%=rs_city.getString("Name")%>                        </option>
                              <%
                              } while (rs_city.next());
                              %>
                              </select>
                          </div>
                          <%} else {                    %>
                          <select name="city" onChange="ChangeItem_C()">
                            <option value="0">---</option>
                          </select>
</div>
<%
}
%>
</td>
                      </tr>
                      <tr>
                        <td height="27" bgcolor="#809EA4">
                          <div align="center" class="style1">区/镇/乡名称：</div>
                        </td>
                        <td>
                        <%
                        if (SelectID_C != 0) {  //选择了市县级名称
                        sql_T = "select* from tb_area where father=" + SelectID_C + "";
                        System.out.println("sql_T!=0:"+sql_T);
                        rs_Town = connDB.executeQuery(sql_T);
                      }
                      %>
                      <%if (rs_Town.next()) {%>
                      <div align="left">                      &nbsp;
                        <select name="town" id="select5">
                        <%rs_Town.first();
                        do { %>
                        <option value="<%=rs_Town.getInt("ID")%>"><%=rs_Town.getString("Name")%></option>
                        <%
                        } while (rs_Town.next());
                        %>
                        </select>
                      </div>
                      <%} else {                  %>
                      <div align="left"> &nbsp;
                        <select name="town" id="select5">
                          <option value="0">---</option>
                        </select>
                      </div>
                      <%}  %>
                        </td>
                      </tr>
                      <tr>
                        <td height="33" colspan="2">
                          <div align="center">
                            <input name="Submit" type="submit" class="Style_button" value="提交">
                            <input name="Button" type="button" class="Style_button" value="关闭" onClick="javascrip:window.close()">
                          </div>
                        </td>
                      </tr>
                    </table>
                    </form>
</div>
                </td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>          </td>
                <td>&nbsp;</td>
              </tr>
            </table>
</td>
        </tr>
      </table>
      </body>
      </html>
      <%
      }
  } catch (Exception e) {
    System.out.println("查询省级名称时出错："+e.getMessage());
  }
%>

转载于:https://my.oschina.net/zjh92119/blog/106738

weixin_33918357
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jsp+servlet+javabean成绩管理系统
06-22
采用jsp+servlet+javabean，jsp负责少量的页面处理，以servlet为主。 结构清晰明了，未对页面做美工处理，因此html和javascript代码很少， 详细介绍了jdbc的常用api以及数据库中的表的级联。 开发调试平台...
分页 QQ菜单 jsp标签_noka3.9.rar
04-10
2. QQ菜单：可能包含CSS样式文件、JavaScript脚本和JSP标签库，用于创建类似QQ应用的下拉或级联菜单。 3. 示例数据库：可能包含SQL脚本，用于创建用于测试分页功能的示例数据。 4. HTML模板：静态页面结构，展示如何...
Jsp+javascript打造二级级联下拉菜单
iteye_11377的博客
10-04 164
Jsp+javascript打造二级级联下拉菜单 数据库需求分析： class(一级栏目信息）：classId(自动编号），className（栏目名称） Nclass（二级栏目信息）：NclassId（自动编号），NclassName(栏目名称），parentId（一级栏目id，与class表中的classId关联） 级联菜单 ...
用JSP+javascript打造二级级联下拉菜单
feng5588feng的专栏
03-20 391
 JSP+javascript打造二级级联下拉菜单： class(一级栏目信息）：classId(自动编号），className（栏目名称）, Nclass（二级栏目信息）, NclassId（自动编号），NclassName(栏目名称），parentId（一级栏目id，与class表中的classId关联）&lt;%@ page contentType=text/html; charset=GB...
Javaweb简单实例——JavaBean的简单实用
hssjsh的博客
11-07 1947
JavaWeb——JavaBean简单案例，关于JavaBean的简单介绍和注意事项以及一个简单的案例。在整个模块中最重要的就是JavaBean的编写规范和传递数据时候的变量统一原则
JSP实现三级菜单级联
Rainpoem的专栏
03-28 5724
曾经一度在为级联菜单而麻烦，花了好些功夫才做出来了，与大家一起分享，使用JavaScript结合Jsp从数据库读出的三级级联菜单，程序代码如下！   /* * Created on 2005-4-7 * * TODO To change the template for this generated file go to * Window - Preferences - Java - Code
JSP省市区三级联动下拉选
热门推荐
qigc_0529的博客
08-25 1万+
JSP+Jquery+Oracle实现省市区三级联动下拉选菜单 自己搞了一下午,刚开始觉得还有点麻烦,不过搞过一遍之后就觉得简单了,供大家互相学习,具体代码如下: 1.jsp页面代码： 所在地: 请选择
jsp+js实现的二级联动菜单
chuyuqing的专栏
05-26 1万+
原javascript代码:            var subcat = new Array();  subcat[0] = new Array('no','大类','12') subcat[1] = new Array('pinp','楼宇包装','louy')  subcat[2] = new Array('pinp','会场布置','meet') subcat[3] =
学生信息管理系统 JSP课程设计（内含完整源码和设计说明手册）
03-16
2、后端：JavaEE的Struts2框架、MySQL数据库(多表查询，级联删除、触发器、存储过程)、JavaBean 3、数据验证：HTML5的原生验证模式、Struts2的Validation验证框架以及Interceptor拦截器、JavaEE的Filter过滤器
Java面试宝典+题库
04-12
- **jsp:getProperty**: 获取JavaBean的属性值。 - **jsp:include**: 静态或动态包含其他资源。 - **jsp:forward**: 将请求转发给另一个资源。 ##### 17. Session的特点 - **唯一性**: 每个用户有一个唯一的session...
学生成绩管理系统课程设计功能说明1
08-08
4. **JSP EL**：Expression Language，用于在JSP页面中简洁地访问JavaBean属性，例如在学生和教师的个人信息展示中。 5. **Struts2标签**：简化视图层的开发，如登录验证的XML模式。 **后端技术** 1. **JavaEE ...
JavaScript之AJAX实现二级联动菜单(jsp+js+servlet+xml)
永不放弃的博客
06-25 2602
本文实现了AJAX的二级联动菜单，并给出了详细的实现步骤
JavaScript青少年简明教程：函数及其相关知识（下）
cnds123的专栏
07-26 640
JavaScript青少年简明教程：函数及其相关知识（下）
【React 】开发环境搭建详细指南
lph159的博客
07-24 1320
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
最新发布
努力做最接地气的编程干货分享，感谢关注
07-29 858
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
已解决：vue-office/excel 多个sheet点击切换，滚动条高度不重置，表格视图位置不正确
weixin_42289080的博客
07-26 253
解决 @vue-office/excel 多个sheet切换，内容以及滚动条展示不正确的问题
vue el-select的下拉树形结构 带检索功能
Jokerxiuka的博客
07-26 211
【代码】vue el-select的下拉树形结构。
新手vue学习问题汇总（自用）（长期更新）
lapiii的博客
07-28 353
是 ES6 模块语法，用于导出模块的默认成员。在 Vue.js 中，通常用来导出一个组件对象，使其可以在其他文件中被导入并使用。
Jsp+JavaBean教程：服务器端应用与数据库交互
"Jsp+Javabean教程" 在Web开发领域，JSP（JavaServer Pages）和JavaBean是两种常见的技术，它们协同工作，以实现动态网页的创建和数据处理。本教程主要关注Javabean在JSP中的应用，旨在帮助学习者理解JavaBean的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值