实现一个jsp页面2种格式，隐藏部分部件，显示部分部件

JS写成

function openBom(value){

if(value==2){
  $('#bomOpen').show();
  $('#bomOpens').show();
  $('#bomType1').show();
  $('#bomType2').show();
  $('#saleOrders').show();
  $('#saleOrders1').show();
  }else{
  $('#bomOpen').hide();
  $('#bomOpens').hide();
  $('#bomType1').hide();
  $('#bomType2').hide();
  $('#saleOrders').hide();
  $('#saleOrders1').hide();
  }

}

JSP写成

<td><input id="requestDate" type="text" reg="."
tip="请购日期是必填项" readonly /></td>
<td><label>请购项目</label></td>
<td><select id="requisitionType" style="width: 100px"
onblur="openBom(this.value);">
<c:forEach items="${RequisitionType}" var="RequisitionType"
varStatus="status">
<option value="${RequisitionType.codeId}">${RequisitionType.codeName}</option>
</c:forEach>
</select> <input id="type" type="hidden" /></td>

<tr>
<td id="bomType1"><label>BOM类别</label></td>
<td id="bomType2"><select id="bomType" style="width: 100px" onblur="closeSaleOrder(this.value);">
<c:forEach items="${bomTypeList}" var="bomTypeList"
varStatus="status">
<option value="${bomTypeList.codeId}">${bomTypeList.codeName}</option>
</c:forEach>
</select></td> 
<td id="bomOpen"><label>BOM</label></td>
<td><label id="bomOpens">
<input id="bomNo" type="text" readonly />
<input id="bomId" type="hidden" /> <a href="#" onClick="showBomDialog();"><img src='/erp/image/admin/btn_search.gif' />查询</a> </label>
</td>
<td id="saleOrders"><label>销售订单号</label></td>
<td id="saleOrders1"><label><input id="saleOrder" type="text" readonly />
<input id="saleOrdersId" type="hidden" readonly />
<input id="saleOrderAmount" type="hidden" readonly />
<a href="#" onClick="showRequisitionDialogs();">
<img src='/erp/image/admin/btn_search.gif' />查询</a> </label></td>
</tr>