JSP使用JSON实现二级联动菜单，不知道为什么没有用 - ITeye问答

问答首页 → Web前端技术

0 0

JSP使用JSON实现二级联动菜单，不知道为什么没有用10

小弟今天使用JQUERY实现二级联动菜单，但是怎么调试都没有成功。
请教高手看看下面的代码，是什么地方出了问题。

test.jsp文件

<%@ page contentType="text/html;charset=gb2312"%>
<html>
<title>联动菜单</title>
<script language="javascript" src="jquery.min.js"></script>
<script LANGUAGE="JavaScript" >
$(function(){
    $("#wc").change(function(){
        $.getJSON("gylx.jsp",{index:$(this).val()},function(myJSON){
            var myOptions="";
            for(var i=0;i<myJSON.length;i++){
                myOptions+='<option>'+myJSON.optionValue+'</option>';
            } 
            $("#gx").html(myOptions);
        });      
    });
    $("#wc").change();
})
</script>
<body>
     <select name="wc" id="wc">
     <option>一</option>
     <option>二</option>
     <option>三</option>
   </select>
      <select name="gx" id="gx">
      </select>
</body>
</html>

gylx.jsp

<%@ page contentType="text/html;charset=gb2312"%>
<%
response.setHeader("no-cache");
response.addHeader("pragma","no-cache");

String index = new String(request.getParameter("index").getBytes("iso8859-1"),"gb2312");
String JSON_text ="";

if(index.compareTo("一")==0)
  JSON_text ="[{optionValue:'一一'},{optionValue:一二}]";
else if(index.compareTo("二")==0)
  JSON_text ="[{optionValue:'二一'},{optionValue:二二}]";
else if(index.compareTo("三")==0)
  JSON_text ="[{optionValue:'三一'},{optionValue:三二}]";

out.println(JSON_text);
%>

2009年8月13日 17:27

jinjc
20
0 0 1

目前还没有答案

相关推荐

纯jsp实现3级联动菜单: 本文将详细解析如何使用纯JSP（JavaServer Pages）技术实现一个3级联动菜单，并探讨相关知识点。首先，我们要理解什么是3级联动菜单。在网页中，联动菜单通常指的是当用户在一个下拉菜单中选择一个选项时，另一个...

jsp从数据库获取数据填充下拉框实现二级联动菜单的方法.docx: ### JSP从数据库获取数据填充下拉框实现二级联动菜单的方法 #### 一、引言在Web开发中，为了提高用户体验和数据处理效率，经常需要实现动态数据填充功能，尤其是对于多级联动的选择菜单。本文将详细介绍如何利用...

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

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

ajax+json实现多级联动菜单: ### 使用Ajax+JSON实现多级联动菜单的知识点详解 #### 一、背景介绍与概念解析随着互联网技术的发展，用户对交互式应用的需求日益增长。RIA（Rich Internet Applications）概念的提出更是加速了这一趋势。其中，...

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

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

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

实现jsp页面二级下拉框联动，实时读取数据库数据: 通过以上步骤，我们可以实现一个功能完备的JSP页面二级下拉框联动，同时实时从数据库获取数据。这个过程涉及到前后端的交互、数据库操作、事件监听和DOM操作等多个技术环节，是Web开发中一个典型的实例。理解并掌握...

js+jsp三级联动源码: 在这个项目中，jsp通常会将查询到的三级联动数据转化为JSON对象，以便JavaScript可以方便地解析并更新页面。 5. **三级联动**：三级联动是指三个互相依赖的下拉菜单，每个菜单的选项都依赖于前一个菜单的选择。例如...

JSP+Ajax二级联动实例: 在Web开发中，二级联动是一种常见的交互设计，用于实现下拉菜单之间数据的关联和筛选。例如，在一个地区选择的场景中，一级下拉框显示国家，选择国家后，二级下拉框动态加载对应的省份。这种功能可以提高用户体验，...

jquey配合josn实现两级菜单联动特效.rar: 本教程将探讨如何使用jQuery和JSON来实现一个二级联动菜单特效，由TongFei作者提供。这种技术允许我们创建动态、响应式的菜单，增强用户体验。首先，我们需要理解jQuery和JSON的基础知识。jQuery是一个流行的...

ajax jequry jsp二级联动: 【Ajax jQuery JSP 二级联动】是Web开发中常见的交互技术，主要用于提升用户体验，通过异步数据传输实现在两个下拉菜单之间动态关联的效果。在这个简单的例子中，我们将探讨如何利用Ajax、jQuery库和JSP页面来实现这...

ajax实现简单城市三级联动菜单: 城市三级联动菜单是一种常见的前端交互设计，常用于地区选择、分类导航等场景。在这个系统中，用户在选择一级城市后，会自动加载对应的二级城市，接着在选择二级城市时，会进一步加载相应的三级城市。这种无缝对接的...

jsp从数据库获取数据填充下拉框实现二级联动菜单的方法: 本文将详细讲解如何使用JSP从数据库获取数据来填充下拉框，进而实现二级联动菜单。首先，我们需要在JSP页面中创建第一个下拉框，用于展示一级菜单。这个下拉框的数据是从数据库中获取的。例如： ```jsp listKey...

Java代码实现两级联动: 在提供的压缩包文件"用Java代码实现二级联动"中，可能包含了以下内容： - 一个Java类，实现了处理请求、获取数据和生成JSON响应的功能。 - HTML或JSP文件，包含了前端的界面结构和JavaScript代码，用于发送Ajax请求...

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

用ajax实现的jsp三级联动: 总结来说，"用AJAX实现的jsp三级联动"主要涉及以下知识点： 1. AJAX技术：包括XMLHttpRequest对象的使用，以及异步请求的发送和接收。 2. JSP和Servlet：用于处理服务器端逻辑，如根据前端请求获取数据，生成JSON...

Jsp数据库二级联动原理: **JSP数据库二级联动原理详解** 在Web开发中，二级联动是一种常见的交互设计，常见于下拉菜单选择，如省份和城市的选择。这种设计能够帮助用户在有限的选项中快速定位到他们想要的信息，通常应用于地址填写、地区...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics