`
litianyi520
  • 浏览: 43166 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

二级联动Jsp+javascript

    博客分类:
  • jsp
阅读更多

<script language="JavaScript">  
  var onecount;  
  onecount=0;  
  subcat =new Array();    // 建立数组
<%
int count;
String sql0="select * from class ";
ResultSet rs0=RegisterBean.executeQuery(sql0);   //打开数据库,这里我用的是javabean链接JDBC的方法
count=0;
while(rs0.next())
{
%>                                                      小类ID                                       小类名字                        大类ID
subcat[<%=count%>] = new Array("<%=rs0.getString(1)%>","<%=rs0.getString(2)%>","<%=rs0.getString(3)%>");  //给数组赋值,其中rs0.getString(1)代表第1字段,这里不要搞错字段哦
<%
count=count+1;
}
rs0.close();
%>
onecount=<%=count%>;
function changelocation(id) //实现函数
    {
    document.myform.classid.length = 0;

    var id=id;
 
    var i;//如果i从1循环那么记录中第1行的信息就看不到了
    for (i=0;i<onecount; i++)  //从数组的第1行算起 查找id ,这里的id是你大类的id(下面有我的数组例子)
        {
            if (subcat[i][2] ==id)  //第一次循环从第1行,第3列,那1列是大类ID
            {
   document.myform.classid.options[document.myform.classid.length] = new Option(subcat[i][1], subcat[i][0]); //导出数组,导出小类名称和小类ID
            }       
        }
       
    }   
</script>

<form  name="myform" method="post" action="#">
<select name="categoryid"  style="font-size:14px; width:100px;"  size="8" onChange="changelocation(document.myform.categoryid.options[document.myform.categoryid.selectedIndex].value);">
<%
String sql1="select * from category ";
ResultSet rs1=RegisterBean.executeQuery(sql1);
while(rs1.next())
{
%> 
<option value="<%=rs1.getInt(1)%>"><%=rs1.getString(2)%></option>
<%
}
rs1.close();
%>
</select>
<select name="classid" style="font-size:14px;width:100px" size="8">
</select>
例子
0                 1                   2
chassid   classname   categoryid
小类ID    小类名字      大类ID
 备注: 搞清出javascript如何实现很重要

分享到:
评论

相关推荐

    jsp+ajax 三级联动菜单

    【jsp+ajax 三级联动菜单】是一个典型的Web开发技术应用场景,它主要利用JavaServer Pages(JSP)和Asynchronous JavaScript and XML(AJAX)来实现动态网页中的数据交互和页面更新。在这个例子中,我们看到的是一个...

    JSP+JavaScript二级级联下拉菜单

    在使用JSP JavaScript过程中有很多的技巧与实现,那么如何构建二级级联下拉菜单呢,本文将会向你做一个源码上的介绍。

    JSP+Ajax二级联动实例

    本实例将探讨如何使用JSP(JavaServer Pages)和Ajax(Asynchronous JavaScript and XML)技术实现二级联动效果。 首先,我们需要理解JSP和Ajax的基础概念。JSP是Java的一种服务器端脚本语言,它允许开发者在HTML中...

    jsp+js实现的二级联动菜单.pdf

    在IT领域,尤其是在Web开发中,二级联动菜单是一种常见的交互设计,用于呈现具有层次关系的数据。这个案例中,我们讨论的是如何使用JSP(JavaServer Pages)和JavaScript来实现这样的功能,以提高用户体验并减少不必...

    jquery+ajax+jsp+servlet实现二级级联菜单

    ### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...

    jsp二级联动

    在IT行业中,"jsp二级联动"是一个常见的网页交互功能,主要应用于下拉菜单或者选择框之间数据的联动更新。这个实例通常涉及到前端的HTML、CSS,以及后端的Java JSP技术,配合数据库来实现动态的数据交互。下面将详细...

    js+jsp三级联动 源码

    这里,我们主要探讨的是使用JavaScript(js)和JavaServer Pages(jsp)来创建一个具有三级联动功能的系统。这种功能常见于诸如地区选择、产品分类等场景,用户在一个下拉框中做出选择时,其他关联的下拉框会根据...

    超简单的ajax+jsp实现2级联动!!

    总结来说,这个例子展示了如何使用AJAX和JSP技术实现二级联动效果。通过监听一级选项的变化,发送异步请求获取新的二级数据,然后动态更新二级下拉框,实现了不刷新页面就能实时更新内容的交互体验。这在实际的网页...

    Ajax + jQuery + json + js + jsp + servlet 三级联动

    在这个项目中,"Ajax + jQuery + json + js + jsp + servlet 三级联动"是一个完整的解决方案,它涵盖了从前端到后端的数据通信和处理。 首先,让我们深入理解每个技术的作用: 1. **Ajax**(Asynchronous ...

    用ajax实现的jsp二级联动下拉列表

    本主题主要探讨如何利用AJAX技术与JSP结合,实现这种高效的异步加载二级联动效果,从而避免一次性加载大量数据导致页面性能下降的问题。 首先,我们要理解AJAX(Asynchronous JavaScript and XML)的基本概念。AJAX...

    省市二级联动 jqury 做的

    总之,这个项目展示了如何使用jQuery和后端技术(如Java JSP)实现省市二级联动功能,提供了一个直观、高效的用户交互体验。通过学习和理解这个项目,开发者可以提升自己在前端动态交互和后端数据处理方面的能力。

    二级联动菜单(jsp mysql)

    在这个“二级联动菜单(jsp mysql)”的实例中,我们将探讨如何使用JavaServer Pages (JSP) 和 MySQL数据库来实现这种功能。 首先,JSP是Java的一种动态网页技术,它允许开发人员在HTML页面中嵌入Java代码,从而...

    下拉框二级联动

    在实现下拉框二级联动时,JSP通常用于构建后端逻辑,处理用户的选择,并返回相应的数据。 AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在二级...

    二级联动(WebWork+泛型)

    在IT行业中,二级联动是一种常见的前端交互效果,通常用于下拉菜单或者选择框,当用户在一级选项中做出选择后,二级选项会根据一级的选择动态更新。这种技术在各种表单设计、数据筛选和配置界面中广泛应用。在这个...

    JSP+AJAX实现两级select联动 代码

    本篇将深入探讨如何利用JSP和AJAX实现两级select联动的效果,以及这种效果在实际应用中的价值。 首先,我们要理解什么是JSP。JSP是Java的一种服务器端脚本语言,它允许开发者在HTML页面中嵌入Java代码,从而动态...

    jsp+mssql四级联动菜单

    该项目实现了四级联动菜单的功能,可以方便地根据实际需求调整为三级或二级联动菜单。 #### 二、四级联动菜单原理 四级联动菜单是一种常见的前端交互设计模式,通过用户的下拉选择操作,动态更新后续级别的下拉选项...

    Jsp数据库二级联动原理

    在JSP中实现二级联动,主要是通过JavaScript和数据库查询来完成的。以下将详细讲解其工作原理。 ### 1. 数据库设计 首先,我们需要一个合理的数据库结构来存储这些数据。以省份和城市为例,可以创建两个表:`...

    Java二级联动

    在IT行业中,二级联动是一种常见的数据交互和展示方式,尤其在网页设计和前端开发中广泛使用。它通常指的是两个或多个下拉菜单之间存在的联动关系,例如在选择省份后,城市下拉菜单会自动更新为对应省份的城市列表,...

    ajax++jsp二级联动下拉框,无刷新分页

    以上就是关于"ajax++jsp二级联动下拉框,无刷新分页"这一主题的相关知识点,涵盖了Ajax、JSP、二级联动下拉框和无刷新查询等多个方面。通过这些技术,开发者可以创建出更高效、更友好的Web应用程序。

    最容易理解的二级联动-demo(javascript+ajax)

    在提供的压缩包文件“linkage”中,可能包含了整个二级联动的实现代码,包括HTML页面、JavaScript脚本、JSP文件以及可能的CSS样式表和SQL脚本。HTML页面负责展示用户界面,JavaScript处理用户交互和AJAX请求,JSP...

Global site tag (gtag.js) - Google Analytics