隐藏表格(table)某一行，或者隐藏某一个表格(table)

Q： 想要根据业务隐藏表格(table)的某一行，或者隐藏整个表格(table)
A：设计好表格后，找到要隐藏的行(<tr>) 或要隐藏的表格(<table>) ,给表格或者行id赋值
脚本如下：（table和tr请对号入座）
<table id="hideTr" style="display: none;">
<tr id="hideTr" style="display: none;">
这个是默认不显示的效果，如果需要默认显示，把style="display: none;"改成style="display: ;" 就OK了

然后在源代码处写javascript代码，原理是用setTimeout设置500毫秒执行一次showOrHide方法，通过获取"费用项目"这个控件的值
来实现控制id="hideTr"这一行的显示或者隐藏。

1. <script>
   
2. function showOrHide(_val){
   
3.         if(_val == "市内交通费" || _val == "差旅费-交通费（非机票）" || _val == "差旅费-交通费（机票）"){
   
4.                 $("#hideTr").show();
   
5.         }else{
   
6.                 $("#hideTr").hide();
   
7.         }
   
8. }
   
9. setTimeout(function(){
   
10.         $("select[name='费用项目']").change(function(){
    
11.                 showOrHide(this.value);
    
12.         });
    
13.         showOrHide($("select[name='费用项目']").val());
    
14. },500);
    
15. </script>

复制代码