js代码
$().ready(function(){ $("table tr:even").addClass("even"); $("table tr:odd").addClass("odd"); $("#c1ids").change(function(){ $("#c1ids option").each(function(i,o) { if($(this).attr("selected")) { $(".c2id").hide(); $(".c2id").eq(i).show(); } }); }); $("#c1ids").change(); });
页面部分:
一级分类:
<select name="c1ids" id="c1ids" style="width: 123px">
<option value="0" >全部</option>
<option value="1" >箱包团</option>
</select>
二级分类:
<select name="c2id" id="c2id" style="width: 123px" class="c2id">
<option value="0">全部</option>
</select>
<select name="c2ids" id="c2ids" style="width: 123px" class="c2id">
<option value="0" >全部</option>
<option value="100" >时尚女包</option>
<option value="101" >精品男包</option>
<option value="102" >休闲旅行包</option>
<option value="103" >小件皮具类</option>
</select>