下拉框激活相关的复选框..问题比较急..请大家帮忙看看,

Question

问题:我的下拉框里面有两个值,我要选择不同的值时,就弹出不同的表格..表格里面有不同的复选框.具体怎么实现呀.?

Answer 1

下拉框有一个onChange事件，当选择的值发生变化时，会激发这个事件，所以可以在这个事件中写处理的方法。两种处理方式：
1、提交方式：
当每次改变选择时，都向后台进行提交，然后再返回到这个页面上，所以可以在页面中增加判断，根据不同的值，绘制不同的表格。大致代码为：
<script language="javascript">
  function selectTable(){
    form1.action="";//本页面
    form1.target="_self";
    form1.submit();
  }
</script>
<form name="form1" id="form1">
  <select name="dd" onChange="selectTable()">
    <option value="1" <%=request.getParameter("select1").equals("1") ? "selected" : ""%>>1</option>
    <option value="2" <%=request.getParameter("select1").equals("2") ? "selected" : ""%>>2</option>
  </select><%if(request.getParameter("select1").equals("1")) { %>
//绘制第一个表格
<}else{>
//绘制第二个表格
</form>

Answer 2

2、不提交方式
这种方式在下拉框选择的值改变时，不想后台提交，而是改变表格的显示属性。它需要把两个一块绘制，但是先隐藏一个。大致代码为：
<script language="javascript">
  function selectTable(){
     var table1 = document.getElementById("table1");
     var table2 = document.getElementById("table2");
    if(form1.select.value == "1"){
      table1.style.display = "block";
      table2.style.display = "none";
    } else {
      table2.style.display = "block";
      table1.style.display = "none";
    }
  }
</script><form id="form1" name="form1">
  <select name="dd" onChange="selectTable()">
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
   <table id="table1">
   <!-- 代码 -->
   </table>   <table id="table2" style="display:none">
   <!-- 代码 -->
   </table>
</form>

Answer 3

把table 放在div上，设置div样式中的display为none,在onchang时把对应div样式display设定为block就可以显示相应的table和checkbox拉

Answer 4

form1.select.value 应该是 form1.dd.value