jquery二级联动

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>