下拉列表
<%@ page contentType="text/html;charset=GBK" %>
<%@ taglib uri="/tags/web-flex" prefix="flex"%>
<%@ taglib uri="/tags/web-grid" prefix="grid"%>
<%@ taglib uri="/tags/web-html" prefix="html"%>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/loushang-bsp" prefix="bsp"%>
<%@ page import="org.loushang.waf.ResourcesFactory"%>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Iterator" %>
<%@ page import="java.util.List"%>
<%@ page import="java.util.Map"%>
<%@ page import="org.loushang.util.RowSelection"%>
<%@ page import="com.wonders.jzgc.common.cms_document.view.*" %>
<%@ page import="com.wonders.jzgc.common.cms_document.service.*" %>
<%@ page import="com.wonders.jzgc.common.cms_document.service.support.*" %>
<%@ page import="com.wonders.jzgc.common.cms_site.view.*" %>
<%@ page import="com.wonders.jzgc.common.cms_site.service.*" %>
<%@ page import="com.wonders.jzgc.common.cms_site.service.support.*" %>
<%@ page import="com.wonders.jzgc.common.cms_channel.view.*" %>
<%@ page import="com.wonders.jzgc.common.cms_channel.service.*" %>
<%@ page import="com.wonders.jzgc.common.cms_channel.service.support.*" %>
<%@ page import="org.loushang.util.Page"%>
<%@ page import="org.loushang.waf.ComponentFactory"%>
<HTML>
<HEAD>
<TITLE>CMS_DOCUMENT查询</TITLE>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='skin.css'/>">
<script language="javascript" src="<loushang:ui js='flexgrid.js'/>"></script>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='flexgrid.css'/>">
</HEAD>
<BODY topmargin="10px">
<%
String sitId = request.getParameter("sitIdSearch");
String channelid=request.getParameter("channelidSearch");
String title=request.getParameter("titleSearch");
String curPages=request.getParameter("curPage");
int curPage=1;
int rows=40;
int firstRow=0;
int totalPage=0;
int totalRow=0;
if(curPages!=null){
curPage=Integer.parseInt(curPages);
}
Map map=new HashMap(); //查询条件对像
if(sitId!=null&&!sitId.equals(""))
{ String[] sa0=new String[2];
sa0[0]=sitId;
map.put("sitIdSearch",sa0);
}else{ sitId="";} //sitId=""为不让翻面出面null
if(channelid!=null&&!channelid.equals(""))
{ String[] sa1=new String[2];
sa1[0]=channelid;
map.put("channelidSearch",sa1);
}else{ channelid="";} // 为不让翻面出面null
if(title!=null&&!title.equals(""))
{ String[] sa2=new String[2];
sa2[0]=title;
map.put("titleSearch",sa2);
}else{ title="";} // 为不让翻面出面null
List list=new ArrayList();
Map map1=new HashMap();
ICmsSiteService cmsSiteService=(ICmsSiteService)ComponentFactory.getBean("cmsSiteService");
list=cmsSiteService.getAllCmsSiteNoPage(map1);
int[] siteIds=new int[list.size()]; //定义 一维数组
int n=0;
%>
<form name="form1" method="post" action="">
<table border="0" width="700" align="center">
<tr>
<td>地区:
<!-- --------------------------选择框(一)----------------------------- -->
<select name="cms_sit" onChange="redirec(document.form1.cms_sit.options.selectedIndex)">
<option selected>-请选择-</option>
<%
for(Iterator it=list.iterator();it.hasNext();)
{
CmsSiteView sitView=(CmsSiteView)it.next();
siteIds[n]=sitView.getSiteid(); //给一维数组 赋值
n++;
if((sitId =="") || (Integer.parseInt(sitId) != sitView.getSiteid()) ) //判断是否有默认值
{
%>
<option value="<%=sitView.getSiteid()%>"><%=sitView.getSitedesc()%></option>
<% } else{ %>
<option value="<%=sitView.getSiteid()%>" selected ><%=sitView.getSitedesc()%></option>
<% }
}
%>
</select>
<!-- --------------------------选择框(二)----------------------------- -->
<select name="cms_channel">
<option >-请选择-</option>
</select>
<!-- --------------------------选择框(结束)------------------------------ -->
标题:<input type="text" name="cms_title" value="<%=title%>">
<img src="/shzjtd/jsp/images/submit1.gif" border="0" onclick="querySubmit()">
</td>
</tr>
</table>
<br>
<%
list=null;
RowSelection rowSelection=new RowSelection(); //分页参数对像
rowSelection.setMaxRows(rows);
firstRow=(curPage-1)*rows;
rowSelection.setFirstRow(firstRow);
ICmsDocumentService cmsDocumentService=(ICmsDocumentService)ComponentFactory.getBean("cmsDocumentService");
Page p=cmsDocumentService.getAllCmsDocumentSitId(rowSelection,map);
totalRow=p.getCount();
totalPage=p.getPageCount();
list=p.getDatas();
%>
<table border="1" width="700" align="center">
<tr>
<th width="100">序号</th>
<th width="100">区号</th>
<th width="100">作者</th>
<th width="400">标题</th>
</tr>
<%
for(Iterator it=list.iterator();it.hasNext();)
{ CmsDocumentView view=(CmsDocumentView)it.next();
%>
<tr>
<td><%=view.getDocid()%></td>
<td><%=view.getChannelid() %></td>
<td><%=view.getAuthor()%></td>
<td>
<a href="#" onClick="JavaScript:window.open('<%=view.getPubfilename()%>','明细','width=542,height=500,scrollbar=no');" >
<%=view.getTitle()%><a>
</td>
</tr>
<%
}
%>
</table>
<table border="0" width="700" align="center">
<tr>
<td>
<table align="right" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 12px; color: #000000;">
<a href="#" onClick="turnPage(1)">首页</a>
<a href="#" onClick="turnPage(<%=curPage%>-1)">上一页</a>
<a href="#" onClick="turnPage(<%=curPage%>+1)">下一页</a>
<a href="#" onClick="turnPage(<%=totalPage%>)">末页</a>
共<font color="red"><b><%=totalRow%></b></font>条记录
第<font color="red"><b><%=curPage%></b></font>页
共<font color="red"><b><%=totalPage%></b></font>页
<select name="currentpage" onChange="turnPage(this.value)">
<%
for(int i=1;i<=totalPage;i++){
%>
<option value="<%=i%>" <%if(i==curPage) out.print("selected");%> ><%=i%></option>
<%}%>
</select>
</td>
</tr>
</table>
</td>
</tr>
</table> <p>
</form>
<script language="javascript">
function turnPage(page){
if(page<=1){
page=1;
}
if(page>=<%=totalPage%>){
page=<%=totalPage%>
}
window.open("cms_document_query.jsp?curPage="+page+"&sitIdSearch=<%=sitId%>&channelidSearch=<%=channelid%>&titleSearch=<%=title%>","_self");
}
var select1_len = document.form1.cms_sit.options.length; //获取一级菜单长度
var select2 = new Array(select1_len); //生成一个一维数组
for (i=0; i<select1_len; i++) //把一级下拉列表,都设为数组 ,也就是设为二维数组
{ select2[i] = new Array();}
select2[0][0] = new Option("-请选择- ", "");
<%
//----------------------------------------------------------把表中的数据赋到js中
ICmsChannelService cmsChannelService=(ICmsChannelService)ComponentFactory.getBean("cmsChannelService");
List listchannel=new ArrayList();
listchannel = cmsChannelService.getAllCmsChannelNoPage(map1);
int m;
for(int j=1;j<n+1;j++) //n是一维数组的长度, j是从1开始的
{
m=1;
%>
select2[<%=j%>][0]= new Option("-请选择- ", "");
<% for(Iterator it=listchannel.iterator();it.hasNext();)
{
CmsChannelView ChannelView=(CmsChannelView)it.next();
if(ChannelView.getSiteid()==siteIds[j-1]) //判断 是否相等
{
%>
select2[<%=j%>][<%=m%>] = new Option("<%=ChannelView.getChannelname()%>", "<%=ChannelView.getChannelid()%>");
<%
m++;
}
}
}
// ----------------------------------------------------------把表中的数据赋到 js 结束
if(!sitId.equals("")) //----------------如果参数有值,让第二个下拉列有默认值
{
%>
var c_n = document.form1.cms_sit.options.selectedIndex;
var c_chan = document.form1.cms_channel;
c_chan.options.length=select2[c_n].length;
for (i=0;i<select2[c_n].length;i++)
{
c_chan.options[i]=new Option(select2[c_n][i].text,select2[c_n][i].value);
<% if(!channelid.equals(""))
{
%>
if(select2[c_n][i].value == <%=channelid%>)
c_chan.options[i].selected=true;
<% } %>
}
<%}%> //--------------------------如果参数有值,让第二个下拉列有默认值 结束
function redirec(x) //联动函数
{
var temp = document.form1.cms_channel;
temp.options.length=select2[x].length;
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;
}
function querySubmit()//查询提交
{
cms_sit = document.form1.cms_sit.value;
cms_channel = document.form1.cms_channel.value;
title=document.form1.cms_title.value;
window.open("cms_document_query.jsp?curPage=1&sitIdSearch="+cms_sit+"&channelidSearch="+cms_channel+"&titleSearch="+title,"_self");
}
</script>
<%@ page contentType="text/html;charset=GBK" %>
<%@ taglib uri="/tags/web-flex" prefix="flex"%>
<%@ taglib uri="/tags/web-grid" prefix="grid"%>
<%@ taglib uri="/tags/web-html" prefix="html"%>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/loushang-bsp" prefix="bsp"%>
<%@ page import="org.loushang.waf.ResourcesFactory"%>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Iterator" %>
<%@ page import="java.util.List"%>
<%@ page import="java.util.Map"%>
<%@ page import="org.loushang.util.RowSelection"%>
<%@ page import="com.wonders.jzgc.common.cms_document.view.*" %>
<%@ page import="com.wonders.jzgc.common.cms_document.service.*" %>
<%@ page import="com.wonders.jzgc.common.cms_document.service.support.*" %>
<%@ page import="com.wonders.jzgc.common.cms_site.view.*" %>
<%@ page import="com.wonders.jzgc.common.cms_site.service.*" %>
<%@ page import="com.wonders.jzgc.common.cms_site.service.support.*" %>
<%@ page import="com.wonders.jzgc.common.cms_channel.view.*" %>
<%@ page import="com.wonders.jzgc.common.cms_channel.service.*" %>
<%@ page import="com.wonders.jzgc.common.cms_channel.service.support.*" %>
<%@ page import="org.loushang.util.Page"%>
<%@ page import="org.loushang.waf.ComponentFactory"%>
<HTML>
<HEAD>
<TITLE>CMS_DOCUMENT查询</TITLE>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='skin.css'/>">
<script language="javascript" src="<loushang:ui js='flexgrid.js'/>"></script>
<link rel="stylesheet" type="text/css" href="<loushang:ui css='flexgrid.css'/>">
</HEAD>
<BODY topmargin="10px">
<%
String sitId = request.getParameter("sitIdSearch");
String channelid=request.getParameter("channelidSearch");
String title=request.getParameter("titleSearch");
String curPages=request.getParameter("curPage");
int curPage=1;
int rows=40;
int firstRow=0;
int totalPage=0;
int totalRow=0;
if(curPages!=null){
curPage=Integer.parseInt(curPages);
}
Map map=new HashMap(); //查询条件对像
if(sitId!=null&&!sitId.equals(""))
{ String[] sa0=new String[2];
sa0[0]=sitId;
map.put("sitIdSearch",sa0);
}else{ sitId="";} //sitId=""为不让翻面出面null
if(channelid!=null&&!channelid.equals(""))
{ String[] sa1=new String[2];
sa1[0]=channelid;
map.put("channelidSearch",sa1);
}else{ channelid="";} // 为不让翻面出面null
if(title!=null&&!title.equals(""))
{ String[] sa2=new String[2];
sa2[0]=title;
map.put("titleSearch",sa2);
}else{ title="";} // 为不让翻面出面null
List list=new ArrayList();
Map map1=new HashMap();
ICmsSiteService cmsSiteService=(ICmsSiteService)ComponentFactory.getBean("cmsSiteService");
list=cmsSiteService.getAllCmsSiteNoPage(map1);
int[] siteIds=new int[list.size()]; //定义 一维数组
int n=0;
%>
<form name="form1" method="post" action="">
<table border="0" width="700" align="center">
<tr>
<td>地区:
<!-- --------------------------选择框(一)----------------------------- -->
<select name="cms_sit" onChange="redirec(document.form1.cms_sit.options.selectedIndex)">
<option selected>-请选择-</option>
<%
for(Iterator it=list.iterator();it.hasNext();)
{
CmsSiteView sitView=(CmsSiteView)it.next();
siteIds[n]=sitView.getSiteid(); //给一维数组 赋值
n++;
if((sitId =="") || (Integer.parseInt(sitId) != sitView.getSiteid()) ) //判断是否有默认值
{
%>
<option value="<%=sitView.getSiteid()%>"><%=sitView.getSitedesc()%></option>
<% } else{ %>
<option value="<%=sitView.getSiteid()%>" selected ><%=sitView.getSitedesc()%></option>
<% }
}
%>
</select>
<!-- --------------------------选择框(二)----------------------------- -->
<select name="cms_channel">
<option >-请选择-</option>
</select>
<!-- --------------------------选择框(结束)------------------------------ -->
标题:<input type="text" name="cms_title" value="<%=title%>">
<img src="/shzjtd/jsp/images/submit1.gif" border="0" onclick="querySubmit()">
</td>
</tr>
</table>
<br>
<%
list=null;
RowSelection rowSelection=new RowSelection(); //分页参数对像
rowSelection.setMaxRows(rows);
firstRow=(curPage-1)*rows;
rowSelection.setFirstRow(firstRow);
ICmsDocumentService cmsDocumentService=(ICmsDocumentService)ComponentFactory.getBean("cmsDocumentService");
Page p=cmsDocumentService.getAllCmsDocumentSitId(rowSelection,map);
totalRow=p.getCount();
totalPage=p.getPageCount();
list=p.getDatas();
%>
<table border="1" width="700" align="center">
<tr>
<th width="100">序号</th>
<th width="100">区号</th>
<th width="100">作者</th>
<th width="400">标题</th>
</tr>
<%
for(Iterator it=list.iterator();it.hasNext();)
{ CmsDocumentView view=(CmsDocumentView)it.next();
%>
<tr>
<td><%=view.getDocid()%></td>
<td><%=view.getChannelid() %></td>
<td><%=view.getAuthor()%></td>
<td>
<a href="#" onClick="JavaScript:window.open('<%=view.getPubfilename()%>','明细','width=542,height=500,scrollbar=no');" >
<%=view.getTitle()%><a>
</td>
</tr>
<%
}
%>
</table>
<table border="0" width="700" align="center">
<tr>
<td>
<table align="right" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-size: 12px; color: #000000;">
<a href="#" onClick="turnPage(1)">首页</a>
<a href="#" onClick="turnPage(<%=curPage%>-1)">上一页</a>
<a href="#" onClick="turnPage(<%=curPage%>+1)">下一页</a>
<a href="#" onClick="turnPage(<%=totalPage%>)">末页</a>
共<font color="red"><b><%=totalRow%></b></font>条记录
第<font color="red"><b><%=curPage%></b></font>页
共<font color="red"><b><%=totalPage%></b></font>页
<select name="currentpage" onChange="turnPage(this.value)">
<%
for(int i=1;i<=totalPage;i++){
%>
<option value="<%=i%>" <%if(i==curPage) out.print("selected");%> ><%=i%></option>
<%}%>
</select>
</td>
</tr>
</table>
</td>
</tr>
</table> <p>
</form>
<script language="javascript">
function turnPage(page){
if(page<=1){
page=1;
}
if(page>=<%=totalPage%>){
page=<%=totalPage%>
}
window.open("cms_document_query.jsp?curPage="+page+"&sitIdSearch=<%=sitId%>&channelidSearch=<%=channelid%>&titleSearch=<%=title%>","_self");
}
var select1_len = document.form1.cms_sit.options.length; //获取一级菜单长度
var select2 = new Array(select1_len); //生成一个一维数组
for (i=0; i<select1_len; i++) //把一级下拉列表,都设为数组 ,也就是设为二维数组
{ select2[i] = new Array();}
select2[0][0] = new Option("-请选择- ", "");
<%
//----------------------------------------------------------把表中的数据赋到js中
ICmsChannelService cmsChannelService=(ICmsChannelService)ComponentFactory.getBean("cmsChannelService");
List listchannel=new ArrayList();
listchannel = cmsChannelService.getAllCmsChannelNoPage(map1);
int m;
for(int j=1;j<n+1;j++) //n是一维数组的长度, j是从1开始的
{
m=1;
%>
select2[<%=j%>][0]= new Option("-请选择- ", "");
<% for(Iterator it=listchannel.iterator();it.hasNext();)
{
CmsChannelView ChannelView=(CmsChannelView)it.next();
if(ChannelView.getSiteid()==siteIds[j-1]) //判断 是否相等
{
%>
select2[<%=j%>][<%=m%>] = new Option("<%=ChannelView.getChannelname()%>", "<%=ChannelView.getChannelid()%>");
<%
m++;
}
}
}
// ----------------------------------------------------------把表中的数据赋到 js 结束
if(!sitId.equals("")) //----------------如果参数有值,让第二个下拉列有默认值
{
%>
var c_n = document.form1.cms_sit.options.selectedIndex;
var c_chan = document.form1.cms_channel;
c_chan.options.length=select2[c_n].length;
for (i=0;i<select2[c_n].length;i++)
{
c_chan.options[i]=new Option(select2[c_n][i].text,select2[c_n][i].value);
<% if(!channelid.equals(""))
{
%>
if(select2[c_n][i].value == <%=channelid%>)
c_chan.options[i].selected=true;
<% } %>
}
<%}%> //--------------------------如果参数有值,让第二个下拉列有默认值 结束
function redirec(x) //联动函数
{
var temp = document.form1.cms_channel;
temp.options.length=select2[x].length;
for (i=0;i<select2[x].length;i++)
{
temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
}
temp.options[0].selected=true;
}
function querySubmit()//查询提交
{
cms_sit = document.form1.cms_sit.value;
cms_channel = document.form1.cms_channel.value;
title=document.form1.cms_title.value;
window.open("cms_document_query.jsp?curPage=1&sitIdSearch="+cms_sit+"&channelidSearch="+cms_channel+"&titleSearch="+title,"_self");
}
</script>
相关推荐
在网页开发中,"select二级联动"是一种常见的交互设计,用于实现下拉菜单之间的关联选择。这种技术在处理如地区选择、分类导航等场景时尤为适用。在这个实例中,我们看到一个简单的二级联动示例,它由两个下拉菜单...
本话题主要关注的是使用jQuery实现的二级联动下拉菜单,这是一种常见的交互设计,常用于网站的筛选或导航功能。下面将详细介绍这种二级联动菜单的实现原理、步骤以及相关的jQuery知识。 首先,联动菜单的基本概念是...
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...
Vue Select 二级联动第二级默认选中第一个 Option 值的实例详解 在本篇文章中,我们将详细介绍 Vue Select 二级联动第二级默认选中第一个 Option 值的实例。该实例具有很好的参考价值,希望对大家有所帮助。 知识...
总结起来,这个JavaScript实现的HTML Select二级联动实例主要展示了如何使用JavaScript动态更新下拉列表的内容,以响应用户在另一下拉列表中的选择。通过合理的数据结构和事件监听,可以创建出高效、可维护的联动...
二级下拉列表联动 select 网页 html5 学院、专业 选择的下拉列表 下载可用!!!
三级联动指的是在一个表单中,当用户在第一级(省)选择后,第二级(市)会自动更新为与所选省相关的选项,接着在市选择后,第三级(区)也会相应更新。这种设计常用于地址输入,以提高用户体验。 2. **HTML5**: ...
在二级联动菜单的场景中,jQuery可以帮助我们更高效地处理用户与<select>元素的交互,如改变第一级菜单时,无需整个页面刷新,仅更新第二级菜单的内容。 接下来,AJAX(Asynchronous JavaScript and XML)是构建...
实现二级联动 $(function(){ // 学院选框被选择请求专业信息内容,并写入dom var chooseUrl='getChoose.jsp';//定义专业信息获取页面地址,比如你要在xueyuan.jsp里面读取专业信息那么这里就填xueyuan.jsp。此页...
在网页开发中,"select三级联动"是一种常见的交互设计,主要应用于地址选择或者分类筛选等场景,例如在电商网站上填写收货地址时选择省份、城市、区县。这种联动效果使得用户能够逐级筛选,方便快捷地找到目标选项。...
在本篇中,我们将探讨如何利用AngularJS实现一个select二级联动下拉菜单的功能。 首先,select二级联动下拉菜单是指当用户在第一个下拉列表中选择一个选项后,第二个下拉列表会相应地更新,显示与之关联的选项。...
在ASP中,二级联动和三级联动下拉框是常见的功能,通常用于实现数据的筛选和过滤,例如在地区选择、商品分类等场景。下面将详细讲解如何在ASP中实现这些功能。 ### 二级联动下拉框 二级联动下拉框是指两个下拉框...
首先,理解“三级联动”的概念:当用户在一级下拉列表(如省份)中选择一个选项时,二级下拉列表(如城市)会根据所选省份动态加载相关数据;同样,当用户在二级列表中选择一个城市后,三级下拉列表(如区县)会根据...
在提供的`fzzx.zip`压缩包中,包含了一个名为`a.html`的文件,这个文件很可能是用来展示如何实现layui下拉框二级联动的示例代码。打开这个HTML文件,我们可以看到一个包含两个下拉框的页面,第一个下拉框(一级)...
由于业务需要,本代码是由bootstrap 的select改编而成,支持下拉菜单(单选 多选),并且支持有多级菜单,比之前使用3级联动使用方便,代码简单,下载后解压,查看demo.html ,可直接套用.
本实例将详细介绍如何使用JavaScript和jQuery实现Select标签下的二级联动级联效果。 首先,我们需要在服务器端生成并绑定一级和二级下拉列表的数据。这里的一级下拉列表(例如:`ddlSubsystems`)通常包含大类选项...
- 当`select1`的选项改变时,触发`onChange`事件,执行`set_list`函数,从而实现二级联动效果。 4. **跳转功能**: - 定义了一个`go`函数,当点击“go”按钮时,根据`select2`当前选中的选项的值,执行页面跳转。...