`
f_tcl
  • 浏览: 6192 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

select二级连动

阅读更多
下拉列表
<%@ 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>&nbsp;
<!-- --------------------------选择框(二)----------------------------- -->
  <select name="cms_channel">
   <option >-请选择-</option>
  </select>&nbsp;
<!-- --------------------------选择框(结束)------------------------------ -->
    标题:<input type="text" name="cms_title" value="<%=title%>">&nbsp;&nbsp;

  <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>
    &nbsp;共<font color="red"><b><%=totalRow%></b></font>条记录&nbsp;
    &nbsp;第<font color="red"><b><%=curPage%></b></font>页&nbsp;
    &nbsp;共<font color="red"><b><%=totalPage%></b></font>页&nbsp;
    <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二级联动

    在网页开发中,"select二级联动"是一种常见的交互设计,用于实现下拉菜单之间的关联选择。这种技术在处理如地区选择、分类导航等场景时尤为适用。在这个实例中,我们看到一个简单的二级联动示例,它由两个下拉菜单...

    jquery select二级联动菜单

    本话题主要关注的是使用jQuery实现的二级联动下拉菜单,这是一种常见的交互设计,常用于网站的筛选或导航功能。下面将详细介绍这种二级联动菜单的实现原理、步骤以及相关的jQuery知识。 首先,联动菜单的基本概念是...

    最简单js代码实现select二级联动下拉菜单

    本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 &lt;&#37;@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;&#37; String path = request.getContextPath()...

    ajaxdwr select二级联动

    在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...

    vue select二级联动第二级默认选中第一个option值的实例

    Vue Select 二级联动第二级默认选中第一个 Option 值的实例详解 在本篇文章中,我们将详细介绍 Vue Select 二级联动第二级默认选中第一个 Option 值的实例。该实例具有很好的参考价值,希望对大家有所帮助。 知识...

    js实现HTML中Select二级联动的实例

    总结起来,这个JavaScript实现的HTML Select二级联动实例主要展示了如何使用JavaScript动态更新下拉列表的内容,以响应用户在另一下拉列表中的选择。通过合理的数据结构和事件监听,可以创建出高效、可维护的联动...

    二级下拉列表联动 select 网页 html5

    二级下拉列表联动 select 网页 html5 学院、专业 选择的下拉列表 下载可用!!!

    移动端mobileSelect省市区三级联动demo及省市区数据

    三级联动指的是在一个表单中,当用户在第一级(省)选择后,第二级(市)会自动更新为与所选省相关的选项,接着在市选择后,第三级(区)也会相应更新。这种设计常用于地址输入,以提高用户体验。 2. **HTML5**: ...

    Jquery实现的的动态无刷新的二级联动菜单

    在二级联动菜单的场景中,jQuery可以帮助我们更高效地处理用户与&lt;select&gt;元素的交互,如改变第一级菜单时,无需整个页面刷新,仅更新第二级菜单的内容。 接下来,AJAX(Asynchronous JavaScript and XML)是构建...

    二级联动的实现

    实现二级联动 $(function(){ // 学院选框被选择请求专业信息内容,并写入dom var chooseUrl='getChoose.jsp';//定义专业信息获取页面地址,比如你要在xueyuan.jsp里面读取专业信息那么这里就填xueyuan.jsp。此页...

    select三级联动

    在网页开发中,"select三级联动"是一种常见的交互设计,主要应用于地址选择或者分类筛选等场景,例如在电商网站上填写收货地址时选择省份、城市、区县。这种联动效果使得用户能够逐级筛选,方便快捷地找到目标选项。...

    AngularJS实现的select二级联动下拉菜单功能示例

    在本篇中,我们将探讨如何利用AngularJS实现一个select二级联动下拉菜单的功能。 首先,select二级联动下拉菜单是指当用户在第一个下拉列表中选择一个选项后,第二个下拉列表会相应地更新,显示与之关联的选项。...

    asp二级联动下拉框,三级联动下拉框

    在ASP中,二级联动和三级联动下拉框是常见的功能,通常用于实现数据的筛选和过滤,例如在地区选择、商品分类等场景。下面将详细讲解如何在ASP中实现这些功能。 ### 二级联动下拉框 二级联动下拉框是指两个下拉框...

    js 省市区select 三级联动(全国城市三级联动下拉列表)

    首先,理解“三级联动”的概念:当用户在一级下拉列表(如省份)中选择一个选项时,二级下拉列表(如城市)会根据所选省份动态加载相关数据;同样,当用户在二级列表中选择一个城市后,三级下拉列表(如区县)会根据...

    layui下拉框二级数据联动 fzzx.zip

    在提供的`fzzx.zip`压缩包中,包含了一个名为`a.html`的文件,这个文件很可能是用来展示如何实现layui下拉框二级联动的示例代码。打开这个HTML文件,我们可以看到一个包含两个下拉框的页面,第一个下拉框(一级)...

    帝国CMS二级联动插件(ajax下拉列表) 帝国CMS二级联动插件(ajax下拉列表).rar

    二级联动通常指的是在一个下拉列表(Select)中选择一个选项后,另一个下拉列表会根据前一个选项的值动态加载相关数据,这种功能在地区选择、分类筛选等场景中非常常见。 本压缩包“帝国CMS二级联动插件(ajax下拉...

    bootstrap-select多级搜索框

    由于业务需要,本代码是由bootstrap 的select改编而成,支持下拉菜单(单选 多选),并且支持有多级菜单,比之前使用3级联动使用方便,代码简单,下载后解压,查看demo.html ,可直接套用.

    Select标签下拉列表二级联动级联实例代码

    本实例将详细介绍如何使用JavaScript和jQuery实现Select标签下的二级联动级联效果。 首先,我们需要在服务器端生成并绑定一级和二级下拉列表的数据。这里的一级下拉列表(例如:`ddlSubsystems`)通常包含大类选项...

Global site tag (gtag.js) - Google Analytics