jquery 动态展示查询条件

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

<table class="queryTable" width="100%" >
    <tr>
        <td class="queryTitle" width="100">黑名单名称</td>
        <td class="queryContent" width="100">
            <input class="inputText" type="text" id="blackName" />
        </td>
        <td class="queryTitle" width="100">黑名单类型</td>
        <td class="queryContent" width="100">
            <select id="blackType" class="easyui-combobox" style="width: 100px" panelHeight="auto">
                <option value="">请选择</option>
                <option value="goods">商品</option>
            </select>
        </td>
        <td id="blackValueTd1" style="display: none;" class="queryTitle" width="100">商品编号</td>
        <td id="blackValueTd2" style="display: none;" class="queryContent" width="100">
            <input class="inputText" type="text" id="blackGoodsNo" />
        </td>

        <td>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)" class="easyui-linkbutton" onclick="doQuery()" iconCls="icon-search" >查询</a>
        </td>
    </tr>
</table>


$(function(){

    $("#blackType").combobox({
        onSelect : function() {
            var blackType = $("#blackType").combobox("getValue");
            if(blackType == 'goods'){
                $('#blackValueTd1').css('display','');
                $('#blackValueTd2').css('display','');
            }else{
                $('#blackValueTd1').css('display','none');
                $('#blackValueTd2').css('display','none');
                $('#blackValueQuery').val('');
            }
        }
    });

});