招生考试网
学历| 高考 美术高考 考研 自考 成考 专升本 中考 会考 外语| 四六级 职称英语 商务英语 公共英语 日语能力 翻译资格 JTEST
资格| 公务员 报关员 银行从业 司法 导游 教师资格 报关 财会| 会计证 经济师 会计职称 注册会计 税务师 资产评估 审计师
工程| 一建 二建 造价师 造价员 咨询师 监理师 安全师 医学| 卫生资格 执业医师 执业药师 执业护士 | 教案 论文 文档
IT类| 计算机等级 计算机软考 职称计算机 高校计算机 推荐-国家公务员 事业单位招聘 军校国防生 自主招生 艺术特长生 招飞
 3773考试网 - 计算机等级考试 - 高校计算机 - 正文

应用实例JSP+JavaScript打造级连菜单

来源:fjzsksw.com 2009-11-3 16:09:28

temp=<%=temp%>;
  function ChangeLocation(id){
  document.combo_box.city.length=0; //初始化第2级菜单的长度,下标从0开始
  var i = 0;
  document.combo_box.city.options[0]=new Option("-------","");
  for(i=0;i<temp;i++){
  if(arr[i][1]==id){//如果相等,证明在第2级里面有输入第1级组织的子集,arr[总数目][部门]
  document.combo_box.city.options[document.combo_box.city.length] = new Option(arr[i][0], arr[i][0]);
  }
  }
  }
  </script>
  <form name="combo_box">
  <table border="0" cellspacing="0" cellpadding="0" height="210" width="59">
  <tr height="24">
  <td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>部门选择</font></td>
  <td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>人名选择</font></td>
  <td bgcolor="#336699" class="buttons" align=center nowrap><font color=#ffffff>添加/移除</font></td>
  <td bgcolor="#336699" class="buttons" align=center><font color=#ffffff>最终人</font></td>
  </tr>
  <tr>
  <td>
  <select multiple id=prov name="prov"
  onchange="ChangeLocation(combo_box.prov.options[combo_box.prov.selectedIndex].text);"
  style="width:150;height:200" class="bgc">
  <option value="0">请选择部门 ---></option>
  <%
  String sqld="SELECT * FROM tdept";
  stmt=conn.createStatement();
  rs=stmt.executeQuery(sqld);
  while(rs.next())
  {
  %>
  <option name="<%=rs.getString("fno")%>"><%=rs.getString("fname")%></option>
  <%
  }
  %>
  </select>
  </td>
  <td>
  <select multiple id=city style="width:150;height:200" class="bgc">
  </select>
  </td>
  <td nowrap align="center" class="bgc">
  <input type="button" onClick="move(this.form.list2,this.form.city)" value="<<" class="buttons">
  <input type="button" onClick="move(this.form.city,this.form.list2)" value=">>" class="buttons">
  </td>
  <td>
  <select multiple size="10" name="list2" style="width:150;height:200" class="bgc">
  </select>
  </td>
  </tr>

上一页  [1] [2] [3] 下一页



  • 上一个文章:
  • 网站版权与免责声明
    ①由于各方面情况的不断调整与变化,本网所提供的相关信息请以权威部门公布的正式信息为准.
    ②本网转载的文/图等稿件出于非商业性目的,如转载稿涉及版权及个人隐私等问题,请在两周内邮件fjksw@163.com联系.
    最新文章


    | 关于我们 | 联系我们 | 版权申明 | 网站导航 |
    琼ICP备12003406号