1. 将从数据库或者配置文件等查询出来的动态下拉框的内容作为一个list 通过request.setAttibutte(‘list’,list)的方式set到页面;
2. 当点击查询时获取当前选中的下拉框的值,然后将其request.setAttibutte(‘item’,item) 存在页面的隐藏域中;
3. 当查询完成显示页面时,js遍历list下拉框中的值是否与item相等,若相等则将其对应的option的selected属性设置为true;
这样,就实现了动态下拉框的回填工作。
4. 具体实现:
(1)Jsp页面
<td
style="width:160px">
<select
name="orderType"id="orderType"
style="width:100%;"><!--onchange="clickSelectFlow();" -->
<c:forEach
var="processConfig"items="${processInfoList}"
>
<option
<c:if
test="cmbFlow==${processConfig.chileEle_DefineID}">selected</c:if>
value="${processConfig.chileEle_DefineID}"
style="tableName:${processConfig.chileEle_Table}">${processConfig.chileEle_DefineName}</option>
</c:forEach>
</select>
</td>
<td
style="display:none">
<!-- display:none -->
<div><input
id="procDefId"name="procDefId"
value="${procDefId }"
/></div>
</td>
(2)Action显示页面方法
List processInfoList = processConfigBiz.getAllFlowInfoList(request);
request.setAttribute("processInfoList", processInfoList);
(3)Action查询方法
TakenOderQueryFrom takenOrderQueryForm = (TakenOderQueryFrom)form;
String orderType = takenOrderQueryForm.getOrderType();
request.getSession().setAttribute("procDefId",orderType);
(4)Js设置属性
$(document).ready(function(){
//回填显示上一次操作的流程名称
var procDefId =
$('#procDefId').val();
//alert(procDefId);
$('#orderType option').each(function(){
$this = $(this).val();
//alert($this);
if($this == procDefId){
$(this).attr('selected',true);
}
});
});
分享到:
相关推荐
连动下拉框通常用于需要根据一个选择器的选择结果动态改变另一个选择器内容的情况,例如在用户选择了一个国家后,自动更新城市列表等场景。 ### JSP 实现连动下拉框的核心知识点 #### 1. 理解 JSP 的基本概念 JSP...
在Web应用开发过程中,动态下拉框是一种常见的交互方式,它可以提升用户体验并简化表单填写过程。本文将通过一个具体的示例来讲解如何实现动态下拉框。 #### 示例代码解析 首先,我们来看一下示例中的关键代码: ...
当我们需要让用户从一组选项中选择一个或多个项目时,`select`下拉框是常用的选择方式。在某些场景下,我们可能需要使`select`下拉框支持多选,即用户可以同时勾选多个选项。这就是"select下拉框可以多选"这个主题所...
《学生管理系统中的动态下拉框实现》 在信息化管理的时代,学生管理系统已经成为教育机构不可或缺的一部分。这个系统旨在高效地管理学生的各类信息,如个人信息、成绩、出勤等。在这个系统中,动态下拉框是一种常见...
在JSP中,可以通过Servlet或者EL(Expression Language)和JSTL(JavaServer Pages Standard Tag Library)标签库来实现分页。 3. 下拉框分页: 在jsp分页中添加下拉框,用户可以直接选择想要跳转到的页面,这提高...
这种效果是通过Ajax实现的,当用户在一级下拉框中做出选择时,触发Ajax事件,向服务器发送请求获取对应的数据,然后在二级下拉框中动态填充这些数据。 **无刷新查询** 无刷新查询是Ajax的重要应用之一,它实现了在...
首先,JSP(JavaServer Pages)是一种基于Java的动态网页技术,它允许开发人员在HTML页面中嵌入Java代码,从而在服务器端处理数据并动态生成网页内容。在本例中,JSP将用于接收和处理用户的搜索请求,并返回相应的...
下拉框读取数据库数据.有时候数据多.会拉的很长.客户搜索起来很不方便....在用到需要编辑下拉框的jsp界面中引用此js.在body 属性里. 调用onload事件. ();"> 测试方法:点击下拉框.随便输入一个字母.即可看到效果.
标题“select2 动态下拉框插件以及开发心得”指出,我们将探讨一个名为“select2”的JavaScript插件,它主要用于创建动态下拉选择框,并且将分享在开发过程中的一些经验和体会。这暗示了我们将深入讨论select2的功能...
在上述代码中,`category`是主下拉框,`subcategory`是子下拉框,初始状态为禁用,等待被动态填充。 接下来,我们将使用jQuery来实现联动效果。主要步骤如下: 1. **监听主下拉框的`change`事件**:当用户在主...
在JSP中,我们通常会结合Servlet和数据库来实现这一功能。 1. **HTML部分**:在JSP页面上,你需要创建一个下拉框(`<select>`元素)让用户选择他们想查看的页面。这个下拉框的选项应包含所有可用的页码。同时,还...
动态下拉框配置档4gl逻辑代码动态下拉框配置档4gl逻辑代码动态下拉框配置档4gl逻辑代码动态下拉框配置档4gl逻辑代码
5. **在JSP中渲染下拉框**:在`select.jsp`页面中,我们可以使用Struts2的标签库来动态渲染下拉框。例如: ```jsp 选择项"/> ``` 这里的`<s:select>`标签会根据Action中的`options`属性创建一个下拉框,`...
在这个特定的场景中,"jsp select 带多选框"指的是在JSP中使用HTML的`<select>`元素创建一个多选下拉框。这种功能在用户界面设计中很常见,允许用户同时选择多个选项。 HTML的`<select>`元素默认只支持单选,但通过...
在JSP中,我们通常会使用EL(Expression Language)和JSTL(JavaServer Pages Standard Tag Library)来简化页面逻辑。 在实现二级下拉框联动的过程中,我们将面临以下几个关键步骤: 1. **设计数据库结构**:确保...
这需要我们在省份下拉框的`onchange`事件中调用一个函数,该函数负责获取所选省份,并根据所选省份动态填充城市下拉框。 ```html (this.value)"> <!-- 省份选项 --> <!-- 城市选项将在此处动态生成 --> ``` `...
### 在JSP中使用下拉菜单实现动态查询 在JSP技术中,通过结合HTML、JavaScript与Java技术,可以创建动态交互式的Web页面。本文将详细介绍如何利用JSP中的下拉菜单来实现动态查询功能。 #### 一、理解示例代码 ...
其中,JSP(JavaServer Pages)页面中的下拉框三级联动功能,是一种常见的需求,用于处理多级分类数据的选择,如国家-省份-城市的选择。本文将深入解析如何在JSP页面中实现下拉框的三级联动功能,以及其背后的实现...
在这个场景中,我们将根据数据库中的字段动态生成下拉框选项,而不是在设计时静态设置。 1. **获取文件列名**:这通常通过读取文件头来完成,例如CSV或Excel文件。我们可以使用`TextFieldParser`类来解析CSV文件,...
在Web开发中,AJAX广泛用于实现动态交互效果,比如本文提到的“AJAX动态下拉框”。这个功能通常应用于表单输入,尤其是当用户在输入框中选择或输入时,后台会实时地根据用户的选择或输入内容返回相关的建议数据,...