`

Jquery页面加载设置下拉列的值

阅读更多
<%@page import="org.apache.batik.css.engine.value.Value"%>
<%@ page language="java" contentType="text/html; charset=GBK"%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/ifs-app.tld" prefix="ifs"%>
<%@ page import="java.util.*, org.apache.struts.*, org.apache.struts.util.*, org.apache.commons.beanutils.*"%>
<%@ page import="org.apache.struts.action.*"%>
<%@ page import="com.glorycube.ifs.common.*,com.glorycube.util.*"%>
<%@ page import="com.glorycube.beans.*,com.glorycube.gct.*"%>
<%@ page import="com.glorycube.framework.bo.*"%>
<%@ page import="com.glorycube.command.ReturnSet"%>
<%
StatusBean stBean = StatusBean.getBean(request);
String path = request.getContextPath();
String brLevel = stBean.getBrLevel();

ReturnSet returnset = (ReturnSet)request.getAttribute("records");
ReturnSet recordCounts = (ReturnSet)request.getAttribute("recordCounts");
String startPage = (String)request.getAttribute("pageNo");
String pageCount = (String)request.getAttribute("pageSize");
String brLevelPage = (String)request.getParameter("brLevelPage");
String brIDPage = (String)request.getParameter("brID");
String brName = (String)request.getParameter("brName");
String cust_no = (String)request.getParameter("cust_no");
if("".equals(startPage)||null==startPage){
startPage = "1";
}
%>
<head>
<link rel="stylesheet" type="text/css" href="<%=path%>/skin/styles/hrb/glorycube.css" />
<SCRIPT type="text/javascript" src="<%=path%>/common/gct.js"></SCRIPT>
<SCRIPT type="text/javascript" src="<%=path%>/common/ifs-v6.js"></SCRIPT>
<SCRIPT type="text/javascript" src="<%=path%>/common/jquery-1.4.2.min.js"></SCRIPT>


<script type="text/javascript">

$(document).ready(function(){
var brLevelPage = $("#brLevelPage").val();
if(brLevelPage!="null"){
var srt = $("select[name='brLevelPage']").find("option");
for(var i=0; i<srt.length; i++){
if(srt[i].value==brLevelPage){
srt[i].selected="selected";
break;
}
}

}

var pageCount = "<%=pageCount%>";
if(pageCount!="null"){
var srt = $("select[name='pageSize']").find("option");
for(var i=0; i<srt.length; i++){
if(srt[i].value==pageCount){
srt[i].selected="selected";
break;
}
}

}

});

function gotoPage(pno,totalpage){
if('' == pno){
return;
}
pno = pno + '';
if(isNaN(pno) || pno.indexOf(".") != -1){
alert("请输入正确格式的整数");
return;
}else if(pno < 1){
pno = 1;
}else if(pno > totalpage){
pno = totalpage;
}
document.f1.pageNo.value = pno;

document.f1.submit();
}
function f1submit(){
var brIDPage = $.trim($("#brID").val());
var brName = $.trim($("#brName").val());
var cust_no = $.trim($("#cust_no").val());
var brLevelPage = $.trim($("select[name='brLevelPage']").find("option:selected").val());
if (brIDPage==''&&brName==''&&cust_no==''&&brLevelPage=='') {
alert("请输入要查询的选项");
return;
  }
window.location = "<%=request.getContextPath()%>/gct.do?inputFlag=true&outputForward=apply&method=executeAct"
+ "&topic=doubleCodeSearch&func=search&brIDPage=" + brIDPage + "&brName=" + brName+"&cust_no="+cust_no+"&brLevelPage="+brLevelPage+"&ifPage=true";

}
function searchAll(){
$("#brID").val("");
$("#brName").val("");
$("#cust_no").val("")
$("select[name='brLevelPage']").val("");
document.f1.submit();
}

function modifyPageCount(){
document.f1.submit();
}
</script>

</head>
<body>
<form name="f1" method="get" action="<%=request.getContextPath()%>/doubleCodeSearch.do">
<input type="hidden" name="method" value="doubleCode"/>
<input type="hidden" name="pageNo" >
<input type="hidden" name="brLevel" value="<%=brLevel%>">
<input type="hidden" id="brLevelPage" value="<%=brLevelPage%>">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="titleFunc">疑似重号查询</td>
</tr>
<tr>
<td class=errorGlobal></td>
</tr>
</table>



<table width=100% cellspacing=1 border="0" cellpadding="0">

<tr>
<td class=labelNormal width='15%'>机构层级:</td>
<td class=fieldInput width='35%'>
<select name='brLevelPage' class="selectBody" size="1">
<option value=''>----请选择----</option>
<option value='1'>全行疑似重号</option>
<option value='2'>分行疑似重号</option>
<option value='3'>支行疑似重号</option>
<option value='4'>网点疑似重号</option>
</select>
<td class=labelNormal width='15%'>机构代码:</td>
<td class=fieldInput width='35%'>
<input type="text" id="brID" name="brID" value="<%=CommUtil.getNotNull(brIDPage)%>">
</td>
</tr>
<tr>
<td class=labelNormal width='15%'>机构名称:</td>
<td class=fieldInput width='30%'>
<input type="text" id="brName" name="brName" value="<%=CommUtil.getNotNull(brName)%>">
</td>
<td class=labelNormal width='15%'>包含客户号:</td>
<td class=fieldInput width='35%'>
<input type="text" id="cust_no" name="cust_no" value="<%=CommUtil.getNotNull(cust_no)%>">
</td>
</tr>
<tr>
<td colspan=40 class=lineTable></td>
</tr>
<tr>
<td colspan=5 align=center>
<input type="submit" value='查询' class='btnNormal'>
</td>
</tr>
</table>


<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan=40 class=lineTable></td>
</tr>
<tr>
<td class="listHead" align="center">客户号</td>
<td class="listHead" align="center">客户姓名</td>
    <td class="listHead" align="center">疑似客户分组号</td>
    <td class="listHead" align="center">所属机构</td>
<td class="listHead" align="center">所属分行</td>
<td class="listHead" align="center">所属支行</td>
</tr>
<%
for(int i = 0;returnset!=null&&i<returnset.getRowSize(); i++ ){
%>
<tr>
<td class="listCont" align="center"><%=(String)returnset.getValue(i,"cust_no")%></td>
<td class="listCont" align="center">
<%
if("1".equals((String)returnset.getValue(i,"flag"))){%>
<a href="javascript:openGctWindow('func','/hrbank/gct.do?method=view&topic=customer&custID=<%=(String)returnset.getValue(i,"custID")%>','',false)" style="color: blue;"><%=(String)returnset.getValue(i,"cust_name")%></a>
<%}else{%>
<%=(String)returnset.getValue(i,"cust_name")%>
<%}
%>
</td>
<td class="listCont" align="center"><%=(String)returnset.getValue(i,"suspect_group_id")%></td>
<td class="listCont" align="center"><%=(String)returnset.getValue(i,"brIDName")%></td>
<td class="listCont" align="center"><%=(String)returnset.getValue(i,"subBankIDName")%></td>
<td class="listCont" align="center"><%=(String)returnset.getValue(i,"subBrIDName")%></td>
</tr>
<%
}
%>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<%
if(recordCounts!=null&&recordCounts.getRowSize()>0){
int pageSize = Integer.parseInt(pageCount);
int totalRecords = Integer.parseInt(recordCounts.getValue(0,"counts"));
int pageNo = Integer.parseInt(startPage);
int pages = (int)Math.ceil((double)totalRecords / pageSize);
%>

每页显示<select name="pageSize" onchange="modifyPageCount()">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>条记录&nbsp;&nbsp;&nbsp;<%=pageNo%>&nbsp;/&nbsp;<%=pages%>&nbsp;页&nbsp;&nbsp;共<%=totalRecords%>条数据&nbsp;&nbsp;
<%
if(pageNo > 1){
%>
<a href="#" onclick="gotoPage(1,<%=pages%>)">首页</a>
&nbsp;
<a href="#" onclick="gotoPage(<%=(pageNo - 1)%>,<%=pages%>)">上一页</a>
&nbsp;
<%
}else{
%>
首页
&nbsp;
上一页
&nbsp;
<%
}
if(pageNo < pages){
%>
<a href="#" onclick="gotoPage(<%=(pageNo + 1)%>,<%=pages%>)">下一页</a>
&nbsp;
<a href="#" onclick="gotoPage(<%=pages%>,<%=pages%>)">尾页</a>&nbsp;
<%
}else{
%>
下一页&nbsp;
尾页&nbsp;
<%
}
%>
Go<input type='text' size='3' onblur="gotoPage(this.value,<%=pages%>)">
<%
}else{
%>
每页显示<select name="pageSize">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>条记录&nbsp;&nbsp;&nbsp;1&nbsp;/&nbsp;1&nbsp;页&nbsp;&nbsp;共0条数据&nbsp;&nbsp;
首页&nbsp;上一页&nbsp;下一页&nbsp;尾页&nbsp;Go<input type='text' size='3' readonly='true'>
<%
}
%>
</td>
</tr>
</table>
</form>
</body>
分享到:
评论

相关推荐

    jQuery移动端下拉刷新、上拉加载更多插件

    在移动设备上,为了优化用户体验,许多网页应用都采用了下拉刷新(Pull-to-Refresh)和上拉加载更多(Infinite Scroll)的功能。jQuery作为一款广泛使用的JavaScript库,提供了丰富的插件来支持这些特性。本篇文章将...

    jquery 下拉刷新上拉加载

    在网页开发中,"下拉刷新"和"上拉加载"功能已经成为现代用户界面不可或缺的部分,尤其是在处理大量数据或内容的列表时。这两个特性能够提供流畅的用户体验,使得用户可以轻松地查看更多的信息,而无需手动滚动到页面...

    jQuery移动端选项卡下拉上拉加载更多

    "jQuery移动端选项卡下拉上拉加载更多"这个主题涉及到的是如何利用jQuery库来实现这样的交互功能,即当用户滚动到页面底部时自动加载更多的内容,这种技术被称为“上拉加载”或“无限滚动”。 首先,我们需要了解...

    jQuery下拉多列插件

    总之,jQuery下拉多列插件,如"diySelect",是提升网页交互体验的有效工具。通过掌握其基本原理和使用方法,我们可以灵活地应用于各种网页项目,提供更加人性化的用户体验。无论是对于前端开发者还是网页设计者,...

    jQuery模拟手机端下拉滚动加载内容.rar

    jQuery模拟手机端下拉滚动加载内,在手机上是手指向上滑动屏幕,会立即加载内容,实现了一种多数据分布的加载效果。因为是到才加载,也就是异步加载,因此并不会影响网页的加载速度,如果在电脑上测试,你需要使用...

    jquery 上拉刷新,下拉加载数据

    "jQuery上拉刷新,下拉加载数据"是一个常见且实用的技术,它使得网页在用户滚动到页面底部时自动加载更多内容,而上拉刷新则在用户将页面滚动到顶部时更新数据。这种技术通常被用于社交媒体、新闻网站和电子商务平台...

    php+mysql+jquery.more.js下拉加载带sql数据完整流程带mysql测试数据

    此外,可能还需要设置一些初始配置,比如触发下拉加载的DOM元素和事件。 `index.php`是后端处理请求的核心文件。它接收前端通过Ajax发送的请求,处理SQL查询,获取新的数据块,并返回给前端。在PHP中,连接到MySQL...

    jQuery手机端上拉刷新下拉加载更多页面.zip

    【jQuery手机端上拉刷新下拉加载更多页面】是一个针对移动设备优化的网页交互功能,主要应用于列表视图,提供用户友好的滚动体验。在移动设备上,由于屏幕尺寸有限,用户通常需要滚动浏览长列表,这个功能允许用户在...

    jQuery页面左侧伸缩下拉导航菜单.zip

    总结来说,"jQuery页面左侧伸缩下拉导航菜单"是一个利用jQuery库和前端技术实现的交互功能,它结合了HTML、CSS和JavaScript,为用户提供了一种直观、动态的导航体验。通过理解并应用这些技术,开发者可以创建出更...

    jQuery上拉刷新下拉加载效果代码

    在网页开发中,用户界面的交互体验至关重要,而"jQuery上拉刷新下拉加载"功能就是提高用户体验的一个重要工具。这种技术通常应用于移动端或者响应式设计的网站,它允许用户在浏览内容时无需翻页,只需上下滑动即可...

    手机下拉加载特效jquery+php特效

    前端收到服务器返回的数据后,jQuery会更新页面内容,将新数据插入到列表的适当位置,并恢复"Pull to Refresh"指示器的原始状态,从而完成整个下拉加载的过程。这个过程可能还会涉及到一些性能优化,例如使用`$....

    jQuery个性动画二级下拉导航菜单.rar

    也可能运用延迟加载(lazy loading)技术,只在菜单被需要时才加载相关脚本,以减少页面加载时间。 总的来说,"jQuery个性动画二级下拉导航菜单"是一个集功能性和美观性于一体的网页设计解决方案。它展示了jQuery...

    大气美观的jQuery宽屏网站导航下拉菜单代码

    同时,为了避免不必要的JavaScript执行,可以使用`$(document).ready`函数来确保页面加载完毕后再运行脚本。为了提高用户体验,还可以使用`event.stopPropagation()`防止鼠标离开父菜单时下拉菜单立即关闭。 总的来...

    jquery-带搜索框的下拉

    3. **优化性能**:由于数据量大,为了保持页面响应速度,通常会采用懒加载或分页策略,只在需要时加载部分数据。 4. **用户体验**:良好的用户体验设计包括自动补全、高亮显示匹配项、清除搜索框功能等。 二、实现...

    jquery ajax 实现省市县下拉列表联动

    在网页开发中,实现省市县下拉列表联动是一种常见的需求,尤其在填写地址或选择地理位置时。`jQuery`和`Ajax`技术的结合是解决这一问题的高效方式。`jQuery`是一个轻量级的JavaScript库,它简化了DOM操作、事件处理...

    jQuery带分页的下拉菜单选择框代码

    在网页设计中,用户交互体验是至关重要的,而jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能来提升用户体验。本篇将详细探讨“jQuery带分页的下拉菜单选择框代码”这一主题,包括其核心功能、实现原理...

    jQuery实现下拉加载功能实例代码

    在网页开发中,下拉加载(也称为无限滚动或滚动加载)是一种常见的用户体验优化技术,它允许用户在滚动页面到底部时自动加载更多内容,而无需点击“加载更多”按钮。这种功能尤其适用于内容丰富的网站,如社交媒体、...

    jquery日期控件(有下拉菜单选择年份)

    3. `jquery.date_input.min.js`:这是经过压缩和优化的版本,适用于生产环境,它减小了文件大小,加快了页面加载速度,但不适合直接编辑。 使用这个下拉菜单选择年份的jQuery日期控件,开发者可以轻松集成到自己的...

    瀑布流——上拉加载+下拉刷新

    5. 性能优化:合理设置初始加载量,避免一次性加载过多内容导致性能下降,同时利用懒加载技术只加载可视区域内的内容。 在WaterFallExt-master这个项目中,可能包含了一个瀑布流布局的实现,包括上拉加载和下拉刷新...

Global site tag (gtag.js) - Google Analytics