从Select Jquery显示表tr

时间:2018-09-19 09:02:51

标签: select show

我正在尝试通过选择菜单显示表格行。每行(tr)都有一个“其他”类。因此,要显示该行,我从选择中选择“ show”,并在类“ other”中显示tr。我需要使其与不基于select的值的类一起使用。请多多关注我的脚本: 这个没有用。     

<script type="text/javascript">
$('#ReceiptID').change(function () {        
            if ( $('#ReceiptID').hasClass('showdiv')){
                $('.Other').show();
            } else {
                $('.Other').hide();
            }

        });
</script>

从此选择:

 <select name="ReceiptID" id="ReceiptID" class="form-control">
      <option value="" selected>Choose</option>

      <option value="1" class="hidediv">Hide</option>

      <option value="2" class="showdiv">Show</option>

    </select>

显示或隐藏此表格tr:

    <table>
      <tr class="Other" style="display: none">
            <td>
               Some Text
            </td>
        </tr>
    </table>

谢谢。

0 个答案:

没有答案