`
bh三少
  • 浏览: 102148 次
  • 性别: Icon_minigender_1
  • 来自: 北海
社区版块
存档分类
最新评论

struts2+ajax做的一个级联下拉列表

阅读更多
struts2+ajax做的一个级联下拉列表
struts端代码:
/**
* 級聯顯示社群的資訊類別
* @return
*/
public String showNewsType() {
    newsTypeList = associationNewsTypeService.showNewsTypeListByAssnId(associationId);
    return SUCCESS;
}

struts配置文件代码:
<!-- 級聯顯示社群資訊分類 -->
<action name="showNewsType" class="wwwUserGovernmentAction" method="showNewsType">
      <result type="json"></result>
</action>

ajax代码:
/**
*級聯下拉列表顯示
*/
function showNewsType(newsTypeId) {
    var parent = document.getElementById("synAssociationSelect");
    var associationId = parent.options[parent.selectedIndex].value;
if(associationId == 0) {
$("#newsTypeSelectTd").css("display","none");
} else {
var params = {"associationId":associationId};
$.ajax({
type : "post",
url : "/government/showNewsType",
async : false,
data : params,
dataType : "json",
success : function(json) {
var newsTypeSel = document.getElementById("newsTypeSelect");
newsTypeSel.length = 0;
if(json.newsTypeList.length == 0) {
    newsTypeSel.options.add(new Option("該社群沒有資訊分類", 0));
}
for(var i = 0; i < json.newsTypeList.length; i++) {
   if(json.newsTypeList[i].typeId == newsTypeId) {
newsTypeSel.options.add(new Option(json.newsTypeList[i].typeName, json.newsTypeList[i].typeId, 'seleted'));
   } else {
newsTypeSel.options.add(new Option(json.newsTypeList[i].typeName, json.newsTypeList[i].typeId));
   }
}
}
});

    $("#newsTypeSelectTd").css("display","block");
}
}

html代码:
<tr>
                        <td style="vertical-align:top;">同步社群:</td>
                            <td>
                            <select id="synAssociationSelect" name="governmentQuestion.synAssociationId" onchange="showNewsType($!

{governmentQuestion.associationNewsTypeId})">
#if($userAssociationList.size() > 0)
<option value="0">--請選擇--</option>
#foreach($userAssociation in $userAssociationList)
<option value="$!{userAssociation.associationId}" #if($!

{governmentQuestion.synAssociationId} == $!{userAssociation.associationId})selected#end>$!{userAssociation.associationName}</option>
#end
#else
<option value="0">--您還沒有加入社群--</option>
#end
                            </select>
                            </td>
<td id="newsTypeSelectTd" style="display:none" colspan="2">
                            <select id="newsTypeSelect" name="governmentQuestion.associationNewsTypeId">

                            </select>
                            </td>
                        </tr>
0
1
分享到:
评论

相关推荐

    ajax+struts2.0+jsp下拉列表级联

    在Web开发中,级联下拉列表是一种常见的交互方式,它允许用户在选择一个选项后,根据选择自动更新另一个下拉列表。在这个“ajax+struts2.0+jsp下拉列表级联”的示例中,我们将探讨如何利用这三个技术实现这种功能。 ...

    Struts2+Hibernate写的下拉菜单级联两级分类

    在级联下拉菜单的实现中,当用户在第一个下拉菜单中选择一个分类时,Struts2会根据用户的选取发送一个新的请求,这个请求包含了当前选中的分类信息。然后,Action类会根据这个信息查询数据库,获取对应的子分类,再...

    jQuery实现的多级级联下拉列表

    多级级联下拉列表的工作原理是:当用户在一个下拉列表中做出选择时,该选择会触发一个事件,这个事件会发送一个Ajax请求到服务器,服务器根据请求参数返回相应的下一级选项,然后jQuery将这些新数据填充到下一个下拉...

    struts2+ajax+json四级联动

    1. **前端准备**:创建四个下拉列表,每个列表都有一个onChange事件监听器,当用户选择一个选项时触发Ajax请求。 2. **Ajax请求**:使用XMLHttpRequest或更现代的fetch API,向服务器发送GET或POST请求,携带当前...

    struts2+dwr整合实例

    Struts2是一个基于MVC设计模式的Java EE框架,用于构建可维护性和可扩展性高的企业级应用,而DWR则是一种使得JavaScript可以调用服务器端Java方法的库,实现了AJAX(异步JavaScript和XML)的功能,提供了更丰富的...

    SSH+JQuery+MySQL级联操作(省市县级联)

    在IT行业中,SSH(Spring、Struts、Hibernate)是一个经典的Java Web开发框架组合,用于构建高效、可维护的Web应用程序。SSH框架集成了MVC设计模式的Struts、ORM对象关系映射的Hibernate以及依赖注入的Spring框架。...

    级联显示(树形,下拉列表)

    在级联下拉列表中,当用户在一个下拉列表中选择一个选项时,第二个相关的下拉列表会根据用户的选择动态地更新其选项。这种交互性提高了用户体验,尤其是在处理层次结构数据时,例如组织结构、地区划分等。 对于树形...

    三级联动的实例+struts2+hibernate3

    在IT行业中,"三级联动"通常指的是在一个应用中,三个或更多下拉列表框之间存在联动关系,即一个下拉框的选择会影响到下一个下拉框的数据加载。这种技术常见于地域选择、产品分类等场景,提供了良好的用户体验。在这...

    SSH+jQuery+json 实现的Ajax操作,绝对精华,代码简练清晰,绝对能看明白

    Ajax级联操作通常涉及多个下拉列表,当用户在第一个列表中选择一项时,通过Ajax请求获取与之相关的第二级列表数据,更新第二个列表。在这个案例中,"cityJson"可能是城市数据的JSON文件,包含各个城市的ID和名称。当...

    struts2 doubleselect标签的用法例子

    这个例子展示了Struts2的`doubleselect`标签在实际项目中的应用,通过结合Action、JSP和JavaScript,实现了级联下拉列表的功能。这个功能不仅可以提高用户体验,也简化了前端与后端的数据交互,使得代码更加整洁和...

    struts2的标签例子

    本篇文章将深入探讨“struts2的标签例子”,特别是关于Ajax的标签使用,以及如何实现级联下拉列表的功能。 首先,我们要理解Struts2的标签库。Struts2的标签库主要分为核心标签库(struts-tags)和展示标签库...

    Ajax+Json 级联菜单实现代码

    根据文件信息,下面详细说明了Ajax与Json实现级联菜单的关键知识点: 1. **Ajax技术介绍** Ajax(Asynchronous JavaScript and XML,异步...这为前端开发者提供了一个级联菜单实现的参考案例,具有很好的实践意义。

    struts2的动态多级联下拉菜单

    在实现动态多级联下拉菜单时,我们通常会创建一个Action类来处理用户的每次选择,并更新相应的下拉列表。 Dojo是一个JavaScript库,特别适合于构建富客户端应用。在Struts2中,我们可以利用Dojo的`dijit.form....

    用hibernate做的省市县三级级联,

    接下来是`UserAction.java`,这通常是Struts2框架中的一个Action类,负责接收用户的请求并调用相应的业务逻辑。在这个案例中,它可能会有一个方法用于获取所有省份的数据,并通过Ajax返回给前端。当用户选择省份后,...

    Java三级级联,省份,市区,地区

    这种被称为“三级级联”的概念在Java Web开发中是一个常见需求,主要用于下拉列表联动选择,提升用户界面的交互性和数据输入的准确性。 在这个项目中,"Java三级级联,省份,市区,地区"意味着开发者正在创建一个...

    AJAX省市区三级联动下拉菜单(java版)

    当用户在省份下拉菜单中做出选择时,`mysend`函数被触发,该函数清空了城市下拉菜单(ID为`show2`)并发送一个新的AJAX请求到`getCity.do`,传递所选省份的ID。这里的`XMLHttpRequest`对象用于异步通信,如果浏览器...

    strus2+oracle三级联动菜单

    总结起来,"struts2+oracle三级联动菜单"实例展示了如何结合Struts2框架、Oracle数据库和前端技术实现动态的级联下拉菜单。它涉及到Action的处理逻辑、DAO的数据库操作、JSP的页面渲染以及JavaScript的前端交互。...

    struts原理与实践(七)

    在本篇文章中,我们将深入探讨如何利用Struts 实现一个文章发布系统,包括如何处理级联下拉菜单的实现。 首先,文章发布系统涉及到分类管理,例如新闻类和技术类,它们又各自包含多个子类别。为了实现这一功能,...

    Struts_Hibernate_Dwr框架整合省份菜单级联

    Direct Web Remoting (DWR) 是一个JavaScript库,它允许JavaScript代码直接调用服务器端的Java方法,实现了AJAX(Asynchronous JavaScript and XML)的功能。在本案例中,DWR将作为前端与后端的桥梁,当用户在前端...

Global site tag (gtag.js) - Google Analytics