页面中无线联动下拉框

[shuanghanyandan]

$("#industry_Type").change(function(){
var industry_Type = $("#industry_Type").val();
if("A" == industry_Type){
$("#trade").show();
$("#serverId").hide();
}else{
$("#trade").hide();
$("#serverId").show();
}
});
这是页面中的js调用
<tr>
<td class="td_title">
<span class="">行业查询类型：</span>
</td>
<td>
<select id="industry_Type" name="industry_Type">
<option value="A">行业门类</option>
<option value="B">现代服务业</option>
</select>
</td>
<td style="width: 340px;">
<select id="trade" name="trade">
<option value="">全部</option>
<c:forEach items="${tradelist}" var="item">
<option value="${item.industry_phy}">${item.identDesc}</option>
</c:forEach>
</select>
</td>

<td style="width: 340px;" >
<select id="serverId" name="serverId">
<option value="">全部</option>
<c:forEach items="${serverlist}" var="item">
<option value="${item.serverId}">${item.serverName}</option>
</c:forEach>
</select>
</td>
</tr>
如何做成不刷新的下拉框啊，这个在页面上显示也不好看，谁有现成的给个也好啊

[Wicho开源开发中]

$.ajax();

[hch126163]

数据量大用 ajax 数据量不大， 可以把数据放js 也可以一次全部加载