筛选条件过滤器

...

<script type="text/javascript">
function show()
{
 document.getElementById("signs1").style.display = "block";
 document.getElementById("signs2").style.display = "none";
 document.getElementById("tiaojian").style.display = "block";
}
function hidden()
{
 document.getElementById("signs2").style.display = "block";
 document.getElementById("signs1").style.display = "none";
 document.getElementById("tiaojian").style.display = "none";
}
</script>

...

<!-- 过滤器 -->
 <form action="" method="post">
<table width="90%" cellpadding="5" align="center" style="border:#999 1px solid;">
 <tr>
    <td style="padding-right:0px;" width="30px"><hr width="100%" /></td>
  <td style="padding-left:0px; padding-right:0px;" width="10px">  
   <button type="button" onclick="hidden()" id="signs1" style="display:none; background: none; border: 0;">
    <img src="images/signs1.jpg" height="8" width="10" />
   </button>
   <button type="button" onclick="show()" id="signs2" style="display:block; background: none; border: 0;">
    <img src="images/signs2.jpg" height="10" width="8" />
   </button>
  </td>
  <td style="padding-left:0px; padding-right:0px;" width="55px" align="left">过滤器</td>
  <td style="padding-left:0px;"><hr width="100%" /></td>
 </tr>
 <tr id="tiaojian" style="display:none;">
  <td colspan="4" style="text-align:left;">
   <table width="80%" cellpadding="0" align="left"
    style="border:#999 0px solid;">
    <tr>
     <td width="15%">
      <input type="checkbox" checked="checked" name="typetiaojian" disabled="disabled">选择类型</td>
     <td width="20%">
      <select name="select" name="typeId" style="width:150px; display:block;" >
       <option value="0">不限</option>
       <s:iterator value="types" var="type">
       <option value="${type.id }">${type.name }</option>
       </s:iterator>
      </select></td>
     <td width="15%">
      <input type="checkbox" checked="checked" name="softtiaojian" disabled="disabled">选择软件</td>
     <td width="20%">
      <select name="select" name="softwareId" style="width:150px; display:block;" >
       <option value="0">不限</option>
       <s:iterator value="softwares" var="software">
       <option value="${software.id }">${software.versionName }</option>
       </s:iterator>
      </select></td>
       </tr>
    <tr>
     <td>
      <input type="checkbox" checked="checked" name="providertiaojian" disabled="disabled">选择厂商</td>
     <td>
      <select name="select" name="providerId" style="width:150px; display:block;" >
       <option value="0">不限</option>
       <s:iterator value="providers" var="provider">
       <option value="${provider.id }">${provider.name }</option>
       </s:iterator>
      </select></td>
     <td></td>
     <td></td>
    </tr>
    <tr>
     <td colspan="4" align="left">
      <input type="button" style="height: 18px; width: 50px;" value="应用">
      <input type="button" style="height: 18px; width: 50px;" value="取消" onclick="hidden()">
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</form>

...