问题描述

Dreaweaver里根据菜单的不同选择，可以是表单列车不同内容，谢谢！

如，选择11级土木，那么表单中只出现班级为11级土木的内容

解决方案

js改下。。。标题忘记过滤掉了

 function filter(v){
  if(v=='')$('#bTotal').html($('#tb tr:gt(0)').show().length);
  else{
     var t=0
     $('#tb tr:gt(0) td:last-child').each(function(){if(this.innerHTML==v)t++;$(this).parent()[this.innerHTML==v?'show':'hide']()})
     $('#bTotal').html(t)
   }
}

解决方案二：

js过滤下

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<select onchange="filter(this.value)"><option value="">选择...</option>
<option value="11级土木">11级土木</option>
<option value="11级工商1班">11级工商1班</option>
</select>
<table border="1" id="tb">
<tr><td>学号</td><td>姓名</td><td>按时出勤</td><td>迟到</td><td>早退</td><td>xxx</td><td>考勤日期</td><td>班级</td></tr>
<tr><td>学号</td><td>姓名</td><td>按时出勤</td><td>迟到</td><td>早退</td><td>xxx</td><td>考勤日期</td><td>11级土木</td></tr>
<tr><td>学号</td><td>姓名</td><td>按时出勤</td><td>迟到</td><td>早退</td><td>xxx</td><td>考勤日期</td><td>11级工商1班</td></tr>
<tr><td>学号</td><td>姓名</td><td>按时出勤</td><td>迟到</td><td>早退</td><td>xxx</td><td>考勤日期</td><td>11级工商1班</td></tr>
<tr><td>学号</td><td>姓名</td><td>按时出勤</td><td>迟到</td><td>早退</td><td>xxx</td><td>考勤日期</td><td>11级土木</td></tr>
<tr><td>学号</td><td>姓名</td><td>按时出勤</td><td>迟到</td><td>早退</td><td>xxx</td><td>考勤日期</td><td>11级土木</td></tr>
</table>
<div>总共：<b id="bTotal">5</b></div>
<script>
function filter(v){
  if(v=='')$('#tb tr').show();
  else{
     var t=0
     $('#tb tr td:last-child').each(function(){if(this.innerHTML==v)t++;$(this).parent()[this.innerHTML==v?'show':'hide']()})
     $('#bTotal').html(t)
   }
}
</script>