下拉框联动实例（非AJAX）-Java教程-爱易网页

下拉框联动实例（非AJAX）

日期：2014-05-18　浏览次数：20848 次

求一个下拉框联动实例（非AJAX）
我现在有2个下拉框，第一个是大证书，第二个是小证书。我现在想通过大证书来过滤小证书。
不用AJAX实现，用查询数据在低层类里实现的那种。

------解决方案--------------------
不用ajax实现就要刷新页面，你每在下拉菜单里面选择就提交表单。
不过建议你最好用ajax做。
------解决方案--------------------
我Js学的不太好，有的地方可能写的很乱。

HTML：

HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script src="linkedSelect.js"></script>
  <script>
    window.onload = function() {
         new linkedSelect("parent","child");
         new linkedSelect("child","sun");
    }
  </script>
 </HEAD>

 <BODY>
  <select id="parent">
    <option class="d1">大证书1</option>
    <option class="d2">大证书2</option>
    <option class="d3">大证书3</option>
  </select>

  <select id="child">
    <option class="d1_1">大证书1->小证书1</option>
    <option class="d1_2">大证书1->小证书2</option>
    <option class="d2_1">大证书2->小证书1</option>
    <option class="d2_2">大证书2->小证书2</option>
    <option class="d2_3">大证书2->小证书3</option>
    <option class="d2_4">大证书2->小证书4</option>
    <option class="d3_1">大证书3->小证书1</option>
  </select>

  <select id="sun">
    <option class="d1_1_1">大证书1->小证书1->孙1</option>
    <option class="d1_2_1">大证书1->小证书2->孙1</option>
    <option class="d2_1_1">大证书2->小证书1->孙1</option>
    <option class="d2_1_2">大证书2->小证书1->孙2</option>
  </select>

 </BODY>
</HTML>

------解决方案--------------------
this.setAttribute("zgselect2", zg2);试试
你要确定你这个里面有值的话 zgselect2 说明下面有错误
</option>
 <c:forEach items="${zgselect2 }" var="zs2">
   <option value="${zs2.COMP_NAME }">
      ${zs2.COMP_NAME }
   </option>
 </c:forEach>
</select>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

下拉框联动实例（非AJAX）

相关资料更多>

推荐阅读更多>