<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.myblog.entity.FenLeiTwo" %>
<%
List<FenLeiTwo> listFenleiTwo=new ArrayList<FenLeiTwo>();
List<FenLeiTwo> listFenleiTwo1=(List<FenLeiTwo>)request.getAttribute("fenleiTList1");
List<FenLeiTwo> listFenleiTwo2=(List<FenLeiTwo>)request.getAttribute("fenleiTList2");
List<FenLeiTwo> listFenleiTwo3=(List<FenLeiTwo>)request.getAttribute("fenleiTList3");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'writeblog.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
function selected(obj)
{
document.form1.fenleiTwoID.length = 0;//选择清零
document.form1.fenleiTwoID.options[0] = new Option('==请选择==',''); //给第一个值
if(obj=="1")
{
<%listFenleiTwo=listFenleiTwo1;
for( int i=0;i<listFenleiTwo.size();i++)
{
FenLeiTwo fenLeiTwo=listFenleiTwo.get(i);
%>
document.form1.fenleiTwoID.options[<%=i+1%>] = new Option('<%=fenLeiTwo.getFenleiTname()%>','<%=fenLeiTwo.getFenleiTname()%>');
<%
}
%>
}else if(obj=="2")
{
<%listFenleiTwo=listFenleiTwo2;
for( int i=0;i<listFenleiTwo.size();i++)
{
FenLeiTwo fenLeiTwo=listFenleiTwo.get(i);
%>
document.form1.fenleiTwoID.options[<%=i+1%>] = new Option('<%=fenLeiTwo.getFenleiTname()%>','<%=fenLeiTwo.getFenleiTname()%>');
<%
}
%>
}
else if(obj=="3"){
<%listFenleiTwo=listFenleiTwo3;
for( int i=0;i<listFenleiTwo.size();i++)
{
FenLeiTwo fenLeiTwo=listFenleiTwo.get(i);
%>
document.form1.fenleiTwoID.options[<%=i+1%>] = new Option('<%=fenLeiTwo.getFenleiTname()%>','<%=fenLeiTwo.getFenleiTname()%>');
<%
}
%>
}else
{
}
}
</script>
</head>
<body>
<div align="left">
<li class="active" id="xieboke">
<form name="form1" >
<h2>写博客</h2> 博客标题：
<input type="text" name="">
<br> 所属类别：
<select name="fenleiOneID" onchange="selected(this.options[this.options.selectedIndex].value)">
<option value="0" >--选择类别--</option>
<option value="1">慢生活</option>
<option value="2">文章分享</option>
<option value="3">闲言碎语</option>
</select>
<br>详细分类：
<select name="fenleiTwoID">
<option value="0" >==选择类别==</option>
</select>
<br> 博客内容：<br>
<textarea rows="25" cols="80" wrap="hard"></textarea><br>
<input type="submit" value="保存内容" >
</form>
</li>
</div>
</body>
</html>
分享到：
相关推荐
在这个"超简单的ajax+jsp实现2级联动"的例子中，我们将探讨如何利用AJAX（Asynchronous JavaScript and XML）技术和JavaServer Pages (JSP)来实现这种功能。 首先，我们需要了解AJAX的基本原理。AJAX允许网页在不...
在IT行业中，"js+jsp三级联动 源码"是一个常见的前端与后端交互的实践案例，主要用于实现用户界面的动态筛选和过滤。这里，我们主要探讨的是使用JavaScript（js）和JavaServer Pages（jsp）来创建一个具有三级联动...
【jsp+ajax 三级联动菜单】是一个典型的Web开发技术应用场景，它主要利用JavaServer Pages（JSP）和Asynchronous JavaScript and XML（AJAX）来实现动态网页中的数据交互和页面更新。在这个例子中，我们看到的是一个...
在IT领域，尤其是在Web开发中，二级联动菜单是一种常见的交互设计，用于呈现具有层次关系的数据。这个案例中，我们讨论的是如何使用JSP（JavaServer Pages）和JavaScript来实现这样的功能，以提高用户体验并减少不必...
本示例主要展示了如何使用纯JSP和Direct Web Remoting (DWR)技术来构建一个功能丰富的用户界面，其中包括三级联动下拉选择菜单、无刷新联动、用户存在性判断以及模拟Google搜索效果的功能。DWR是一种JavaScript库，...
### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中，如...
本文将详细解析如何使用纯JSP（JavaServer Pages）技术实现一个3级联动菜单，并探讨相关知识点。 首先，我们要理解什么是3级联动菜单。在网页中，联动菜单通常指的是当用户在一个下拉菜单中选择一个选项时，另一个...
在IT行业中，"三级联动"是一种常见的前端交互设计，它通常应用于下拉选择框或级联菜单中。这种设计能够帮助用户在多个关联的选择项之间建立逻辑关系，以过滤和展示相关数据。在这个项目中，"Ajax + jQuery + json + ...
JSP 结合 JS 实现三级菜单联动 在 Web 开发中，三级菜单联动是非常常见的需求，例如在选择学校、专业、班级时，需要三级菜单联动来选择正确的信息。下面我们将介绍如何使用 JSP 结合 JS 实现三级菜单联动。 JSP ...
在本文中，我们将探讨如何使用纯JSP和Direct Web Remoting (DWR) 实现一个三级联动下拉选择菜单。这种技术通常用于地理信息系统或组织结构等需要分层次选择的场景，用户可以从一系列相关的下拉菜单中进行选择，每个...
### jsp+mssql四级联动菜单实现解析 #### 一、项目背景与技术栈 本案例主要涉及的技术包括：JSP（Java Server Pages）、SQL Server（Microsoft SQL Server）以及客户端脚本语言JavaScript。该项目实现了四级联动...
本篇将深入探讨如何利用JSP和AJAX实现两级select联动的效果，以及这种效果在实际应用中的价值。 首先，我们要理解什么是JSP。JSP是Java的一种服务器端脚本语言，它允许开发者在HTML页面中嵌入Java代码，从而动态...
### JSP从数据库获取数据填充下拉框实现二级联动菜单的方法 #### 一、引言 在Web开发中，为了提高用户体验和数据处理效率，经常需要实现动态数据填充功能，尤其是对于多级联动的选择菜单。本文将详细介绍如何利用...
struts2+jsp+json+javascript实现的三级下拉菜单，没有service和dao层,数据是虚拟的。需要的欢迎下载。项目直接导入myeclipse就可以使用。访问路径localhost:8080/ajax_day02_hw/proviencecityarea.jsp
通过上述步骤，我们已经了解了如何使用JSP技术和JavaScript实现一个简单的级联菜单功能。这种方法不仅适用于简单的省份-城市选择器，还可以扩展到更复杂的多级选择器中。开发者可以根据具体需求调整和优化实现细节，...
在IT行业中，省市区三级联动是一种常见的前端交互功能，它常用于地址选择或者地理位置筛选等场景。本项目基于Ajax、MySQL数据库和JSP技术实现这一功能，为用户提供流畅且便捷的下拉选择体验。 首先，我们需要理解每...
在一个jsp(SUN企业级应用的首选)页面实现二级下拉框联动，实时读取数据库数据，这个方法非常使用，只需要修改很小的地方就可以使用。设计的文件，serch.jsp(SUN企业级应用的首选)，main.js，bytetostr.js，
在使用JSP JavaScript过程中有很多的技巧与实现，那么如何构建二级级联下拉菜单呢，本文将会向你做一个源码上的介绍。
在这个“jQuery+ajax实现三级级联”的实例中，我们主要探讨如何利用这两种技术来创建一个能够逐级联动的下拉菜单系统，这在数据筛选和表单填写中十分常见，如地区选择、部门分类等场景。 首先，jQuery是一个轻量级...
在本实例中，“struts2+oracle三级联动菜单”是使用Struts2框架实现的一个功能，它涉及数据库（Oracle）的交互以及前端用户界面的动态更新。联动菜单，又称为级联下拉框，是指在一个下拉菜单的选择会影响到另一个或...