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

select下拉列表动态显示选择公司及部门信息——级联

    博客分类:
  • java
 
阅读更多
//=================公司类方法===================//
public String getDrop(String compid,String dataid) throws Exception{
      if(str.IsEmpty(dataid) )
        dataid="AAA";
      Compid  com[]=this.readAll(compid,dataid);
      StringBuffer bf = new StringBuffer();
      if(com.length > 0){
           for(int i=0;i<com.length ;i++){
             if(dataid.equals(com[i].getBh()) )
               bf.append("<option value=" + com[i].getID()  + " selected >" + com[i].getName() + "</option>") ;
             else
               bf.append("<option value=" + com[i].getID()  + ">" + com[i].getName() + "</option>") ;
           }
         }
    return bf.toString();
    }
//=================部门类方法同上===================//

//====================页面调用=====================//

   Compid com = new Compid();
   Deptid dep = new Deptid();
   Deptid [] depAll=bm.readAll("","");

          <select name="deptid" style="width:120px">
           <option value="">所有公司
            <%=com.getDrop(compid,deptid)%>
          </select>

          <select name="deptid" style="width:120px">
           <option value="">所有部门
            <%=dep.getDrop(compid,deptid)%>
          </select>




<script language=javascript>
var bm= new Array();
<%if(depAll.length>0){
     for(int i=0;i<depAll.length;i++){%>
     bm[<%=i%>] = new Array("<%=depAll[i].getCom()%>","<%=depAll[i].getID()%>","<%=depAll[i].getName()%>");
  <%}}%>
function setBm(){
  document.form_com_dep.deptid.length = 0;
  document.form_com_dep.deptid.options[document.form_com_dep.deptid.length] = new Option("所有部门","");
  var comp = document.form_com_dep.compid.value ;
  var i=0;
  for (i=0;i < <%=depAll.length%> ; i++)  {
      if (bm[i][0] == comp ) {
         document.form_com_dep.deptid.options[document.form_com_dep.deptid.length] = new Option(bm[i][2], bm[i][1]);
             }       
     }
}
</script>

分享到:
评论

相关推荐

    select级联下拉列表

    在网页设计中,"select级联下拉列表"是一种常见的交互元素,用于创建省市区选择、类别层级展示等场景。这种技术通常结合JavaScript(JS)、HTML5和jQuery库来实现,使得用户能够在多个下拉菜单之间进行联动选择,...

    Jquery实现select下拉列表根据radio选项级联

    本主题将探讨如何利用jQuery实现一个特定的功能——“select下拉列表根据radio选项级联”。这个功能常用于创建动态表单,其中,用户选择一个radio按钮后,相关的select下拉列表会自动更新其选项,以提供与所选radio...

    input 级联下拉列表

    在网页设计和开发中,`input`级联下拉列表是一种常见的交互元素,它允许用户在选择一个选项后,根据该选项的值动态地显示相关的第二个或更多下拉列表。这种设计模式通常用于处理层级关系的数据,如国家/地区、省份/...

    JavaScript动态级联下拉列表框

    JavaScript动态级联下拉列表框是一种常见的前端交互设计,它允许用户在选择一个选项后,根据选择的结果动态更新下一个下拉列表框的内容。这种技术在数据筛选、表单填写等场景中广泛应用,能够提高用户体验,减少不必...

    级联下拉列表工具类,js实现

    1. **级联下拉列表**: 由多个下拉列表组成,用户在选择第一个下拉列表的选项后,后面的下拉列表会根据前一个选项的选择动态更新显示内容。 2. **JSON数据源**: 级联下拉列表的数据通常存储为JSON格式,每个对象...

    select2 省市区 级联 下拉菜单

    5. **级联事件处理**:在`onChange`事件中,我们根据用户选择的省份动态填充市的下拉菜单。同理,当市被选中时,填充区的下拉菜单。这一步需要递归地遍历数据结构,找到对应级别的子项。 6. **禁用未激活的下拉**:...

    网页表单级联下拉列表自动填写方法

    网页表单级联下拉列表自动填写方法是指在网页表单中,多个下拉列表框之间存在关联关系,选择前一个下拉列表框的选项后,后一个下拉列表框才会出现相关的选项,这样可以实现自动填写省、市、县三级下拉列表框的功能。...

    jQuery 级联下拉列表

    这个函数的目的是让这些下拉列表之间建立联动关系,即当用户在一个下拉列表中做出选择时,其他关联的下拉列表会根据这个选择动态更新其选项。 具体实现过程如下: 1. **HTML结构**:首先,我们需要在HTML页面中...

    动态实现下拉列表框三级级联查询

    在IT领域,动态实现下拉列表框的三级级联查询是一项常见的前端交互功能,它能够为用户提供更加便捷的导航和筛选体验。在这个场景中,我们使用JSP(JavaServer Pages)脚本语言来实现这一功能。JSP是Java平台上的...

    Html dom中的select, option_ 级联下拉列表

    级联下拉列表涉及到监听某个下拉列表的变化事件,然后根据选择的值来动态更改另一个下拉列表的选项。这通常需要事先准备相关的数据源,然后在事件触发时,根据数据源动态更新页面元素。 select和option是HTML中构建...

    级联下拉列表

    级联下拉列表的关键在于,当用户在一个下拉列表中选择一个选项时,需要动态地改变另一个下拉列表的内容。这通常涉及到JavaScript或jQuery的事件监听和DOM操作。 以下是一个简化的实现步骤: 1. **HTML结构**:创建...

    jquery简单实现级联下拉列表

    级联下拉列表是指当用户在一个下拉列表中选择某个选项时,会触发另一个或多个下拉列表的更新,以便显示与之相关的选项。这种交互方式可以提高用户体验,简化复杂的数据选择过程。 ### jQuery在级联下拉列表中的应用...

    安卓Andriod源码——级联菜单,两级菜单自定义实现提供多种方式PopWindow,Fragment引用.zip

    这个压缩包“安卓Andriod源码——级联菜单,两级菜单自定义实现提供多种方式PopWindow,Fragment引用.zip”提供了实现这一功能的具体源代码,适用于Android应用程序。 首先,让我们了解级联菜单的基本概念。级联...

    Ajax级联下拉列表.rar

    级联下拉列表是一种常见的前端交互设计,用户在一个下拉列表中做出选择后,第二个或更多的下拉列表会根据前一个选择动态地加载相关数据。这通常用于处理有层级关系的数据,如国家-城市-区县的选择,或者类别-子类别-...

    jQuery ajax JSON 下拉列表框级联

    在Web开发中,级联下拉列表是一种常见的交互设计,用户选择一个选项后,另一个相关的下拉列表会根据前者的选值动态更新。这个过程通常涉及到前端与后端的交互,利用JavaScript库如jQuery和服务器端框架如Spring MVC...

    jQuery实现的多级级联下拉列表

    在网页开发中,级联下拉列表是一种常见的交互元素,它允许用户从一系列相关选项中选择,这些选项根据先前的选择动态更新。在本项目中,我们利用jQuery库来实现这种功能,同时结合了Struts1.2作为后端框架,返回JSON...

    javascript实现无限级级联下拉列表

    无限级联下拉列表允许用户逐级选择,每一级的选择会影响到下一级的显示内容。下面我们将深入探讨如何使用JavaScript来实现这一功能。 首先,我们需要理解无限级联的基本概念。无限级联意味着每个层级都可以有任意...

    ajax实现下拉列表级联

    例如,选择一个国家后,接着的城市下拉列表会显示相应国家的城市列表。这种级联效果可以通过监听主下拉列表的onChange事件,然后发送Ajax请求来实现。 接下来,我们引入EJB作为后端处理逻辑的组件。EJB是一种Java ...

    layui多选级联选择器

    在layui中,级联选择器是一种常用于数据层级关系展示和选择的组件,尤其适用于地区选择、部门结构等场景。本篇文章将深入探讨layui的多选级联选择器及其无限级联功能。 首先,我们要理解什么是级联选择器。级联选择...

Global site tag (gtag.js) - Google Analytics