`
beyond429
  • 浏览: 94813 次
  • 性别: 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>

分享到:
评论

相关推荐

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

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

    能写能选择的下拉框

    本文将详细介绍如何在JSP页面中实现一个能写能选择的下拉框,并对其关键功能——级联选择进行解释。 #### 二、基础知识介绍 1. **HTML Select标签**:用于创建一个下拉列表,用户可以从该列表中选择一个或多个选项...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    在本话题中,我们聚焦于Bootstrap Table的一个扩展功能——可编辑下拉框,这得益于`bootstrap-table-editable`插件的使用。这个插件允许用户在表格的单元格内直接进行编辑,包括选择下拉框中的值。 `bootstrap-...

    js实现的多选城市

    在多选城市的功能中,我们需要创建和更新下拉列表(select元素)以展示城市选项。 1. **HTML结构**:创建基本的HTML结构,包括两个或多个下拉列表,每个列表代表一个级别的城市层级。例如: ```html &lt;select id=...

    移动端、h5省市区三级联动

    当用户选择一个区域时,根据该区域的ID获取其子区域并更新下拉列表。 5. **事件监听与处理**:JavaScript代码会监听用户的选择事件,例如在选择省份后触发事件,更新城市列表,再在选择城市后更新区县列表。这需要...

    Django自关联实现多级联动查询实例

    在Web开发过程中,经常会遇到需要处理层级关系的数据结构的情况,比如国家、省份、城市等地理位置信息,或者公司内部的组织架构(部门-子部门)等。这些场景下的数据往往具有明显的层级关系,例如选择某个省份后,...

    省市县三级联动数据库(MySQL)

    用户首先选择省份,接着根据所选省份展示对应的城市列表,最后再根据选定城市显示相应的县(区)列表。这种交互方式可以避免一次性展示过多选项,简化用户操作。 在MySQL中,实现这种联动通常需要创建三个核心表:...

    二级连动的另一个不错的实现方法

    二级连动是指在用户界面上,当用户在一个下拉列表或其他类型的控件中做出选择后,另一个相关的下拉列表会根据第一个选择的结果进行相应的更新。通常情况下,这种连动涉及两个级别的选择,但也有可能扩展到更多级别。...

Global site tag (gtag.js) - Google Analytics