<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> <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(''); } } }); });