`
yinter
  • 浏览: 243962 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

struts+jquery控制select多选,并加上title以显示所有option内容

 
阅读更多
$(document).ready(function() {
	    $("#toRight").click(function(){
	        $("#dataForm_pubAddress_source option:selected").each(function(){
                $("#dataForm\\.pubAddress").append("<option value=" + $(this).val() + " title=" + $(this).html() + ">" + $(this).html() + "</option>");
                $(this).remove();
	        });
	    });
	
	    $("#toLeft").click(function(){    
	        $("#dataForm\\.pubAddress option:selected").each(function(){
                $("#dataForm_pubAddress_source").append("<option value=" + $(this).val() + " title=" + $(this).html() + ">" + $(this).html() + "</option>");//这个方法是默认在后面添加
                $(this).remove();
	        });
	    });
	    
	    $('option','#dataForm_pubAddress_source').attr('title',function(){ 
   			return this.innerHTML; 
		});
		$('option','#dataForm\\.pubAddress').attr('title',function(){ 
   			return this.innerHTML; 
		});
	});


<tr>
					<td style="width: 200px;" id="dataForm.pubAddress.label">
						地址:<font color="#ff0000">*</font>
					</td>
					<td>
						<table>
							<tr>
								<td>
									<s:select size='8' multiple="true" 
									id="dataForm_pubAddress_source" cssStyle="width: 360px;height:60px" name="dataForm.pubAddress_source" 
									list="mpOfficeLocationList" headerKey="" listKey="code" listValue="parmValue">
									</s:select>
								</td>
								<td>
									<input type="button" value=" >> " id="toRight" />
									<br />
									<br />
									<input type="button" value=" << " id="toLeft" />
								</td>
								<td>
									<!-- 
									<select size='10' multiple="multiple" 
									id="dataForm.pubAddress" name="dataForm.pubAddress" style="width: 300px;height:60px">
									</select>
									 -->
									<s:select size='8' multiple="true" 
									id="dataForm.pubAddress" cssStyle="width: 360px;height:60px" name="dataForm.pubAddress" 
									list="mpOfficeLocationSelectList" headerKey="" listKey="code" listValue="parmValue">
									</s:select>
								</td>
							</tr>
						</table>
					</td>					
				</tr>


action中定义变量:
	/** 可选地址 */
	private List<PbmParamValue> mpOfficeLocationList;
	/** 已选地址 */
	private List<PbmParamValue> mpOfficeLocationSelectList;
分享到:
评论

相关推荐

    struts+js,struts+jquery示例

    标题“struts+js”和“struts+jquery示例”暗示我们将探讨如何将Struts与JavaScript以及jQuery结合使用,以创建更强大的Web应用。 首先,Struts框架的核心组件包括Action类、ActionForm、Struts配置文件和JSP页面。...

    struts+jQuery+ajax文件上传带进度条

    在这个"struts+jQuery+ajax文件上传带进度条"的项目中,我们主要关注的是如何利用这些技术实现在后台处理文件上传时,前端能够显示实时的进度条效果,提升用户体验。 首先,Struts是一个基于MVC(Model-View-...

    struts2+ajax+jquery

    在这个"struts2+ajax+jquery"的主题中,我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先,Struts2作为MVC框架,它的核心是Action,它负责处理用户的请求,并通过配置的Result返回...

    Struts2+Jquery+JSON 应用例子

    Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON Struts2 Jquery JSON

    Struts+hibernate+jQuery仓库货物管理系统

    "Struts+Hibernate+jQuery仓库货物管理系统"是一个典型的Java Web应用程序,主要采用了MVC(Model-View-Controller)架构模式,结合了Struts框架、Hibernate持久化框架和jQuery前端库来构建一个高效的仓库管理解决...

    Struts+Spring+Mybatis+EasyUI(jQuery)注解案例

    Struts+Spring+Mybatis+EasyUI(jQuery)注解案例。采用注解的方式跟踪代码依赖性,实现替代配置文件功能。里面包含了平时用的增删改查及分页,分页查询时用的是存储过程,提高了数据库的性能。代码简单、易懂。

    Struts2+Jquery+Ajax

    总的来说,Struts2+Jquery+Ajax的组合使得开发者能够构建出交互性强、响应速度快的Web应用。通过理解MVC模式、熟练掌握Struts2的配置和Action处理、灵活运用Jquery和Ajax,可以大大提高开发效率,提升用户使用体验。...

    Struts+Jquery+Ajax+Json应用实例

    **Ajax(Asynchronous JavaScript and XML)**:Ajax允许在不刷新整个页面的情况下,与服务器交换数据并局部更新网页内容,从而实现了异步交互。在jQuery中,使用$.ajax()函数或其简化的$.get()和$.post()方法可以...

    Struts2 + jQuery+JSON 实现ajax

    ### Struts2 + jQuery + JSON 实现Ajax 在现代Web开发中,Ajax技术因其能够实现网页的局部刷新而被广泛采用。本篇文章介绍如何利用Struts2框架结合jQuery与JSON来构建一个简单的Ajax功能。 #### 一、环境搭建 1. ...

    struts+jquery文件上传

    在"struts+jquery文件上传"这个主题中,我们将探讨如何结合这两者来实现用户友好的文件上传功能。 首先,文件上传在Web应用中是一个常见的需求,它允许用户上传图片、文档等数据到服务器。在Struts2框架中,我们...

    struts2+Hibernate+JQuery实现用户管理验证。

    ……鄙视那些拿HelloWorld或一些入门的东西来赚分的行为。 实现对于用户进行是否存在的验证,如果用户存在,可将用户信息读取进行修改,如果不存在可以进行保存。框架:struts2.1.6+Hibernate3+jquery1.3.2

    struts+jQuery实现树

    **Struts与jQuery结合实现树形...总之,"Struts+jQuery实现树"项目是一个结合了Struts MVC框架和jQuery强大功能的应用实例,它展示了如何在Web应用中创建动态、交互性强的树形结构,同时提供了源码供开发者学习和扩展。

    json+jquery+struts2+hibernate+spring 实现的小型bbs系统,这个提供包

    json+jquery+struts2+hibernate+spring 实现的小型bbs系统,这个提供包 ,很不错的下载后,好好徐希一下吧

    仓库管理系统 struts + hibernate + jquery

    这是 struts + hibernate + jquery 完整的java 仓库管理系统项目源码 可以直接导入eclipse、myeclipse。内附数据库文件 mysql版,也可改成其它数据库, 换对应数据库连接驱动和修改sql语法即可

    Struts2+JSON+JQuery实现简单的验证

    Struts2、JSON和JQuery是Web开发中的三个关键技术,它们常常被结合使用来构建高效、动态的用户界面。在本教程中,我们将探讨如何利用这些技术实现一个简单的验证功能。 首先,Struts2是一个基于MVC(Model-View-...

    Struts2+jQuery(不用JSON)实现局部刷新

    在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势来实现页面的无刷新更新。 1. **Struts2框架介绍**: Struts2是一个基于MVC设计模式的Java Web框架,它提供了良好的结构和可扩展性...

    Spring+Hibernate+Struts+ajax+jQuery easyUI

    标题 "Spring+Hibernate+Struts+ajax+jQuery easyUI" 提到的是一个经典的Java Web开发技术栈,这个组合被广泛用于构建复杂的企业级应用程序。让我们深入探讨这些技术及其相互作用。 1. **Spring**:Spring 是一个...

    struts2+spring+hibernate+jquery+json

    结合以上技术,"struts2+spring+hibernate+jquery+json"的整合使用意味着开发一个完整的、高效的Web应用。Struts2负责处理HTTP请求并调用业务逻辑,Spring提供依赖管理和数据访问支持,Hibernate作为持久化层与...

    struts2+jquery 插件

    struts2+jquery 整合的jar包

Global site tag (gtag.js) - Google Analytics