基于jquery的二级联动菜单

<script src="__ROOT__/bootstrap/js/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){               // ready()表示网页一加载完就执行
$("#province").change(function(){            //当元素(例如select里的值)的值改变时发生 change 事件
$("#province option").each(function(i,o){    //each() 方法为每个匹配元素规定要运行的函数
if($(this).attr("selected"))                 //attr() 方法设置或返回被选元素的属性和值
{ 
$(".city").hide();                            //隐藏所有city元素
$(".city").eq(i).show(); 
} 
}); 
}); 
$("#province").change(); 
}); 

</script>

<select id="province" name='type'> 
<option>----请选择产品类型---- 
<option>金刚石锯片 
<option>打孔钻 
<option>磨轮 
<option>其他石材工具


</select> 
<select class="city" name='kind1'> 
<option>----请选择细分类型---- 
</select> 
<select class="city" name='kind2'> 
<option>激光焊接金刚石锯片</option> 
<option>热压烧结锯片</option> 
<option>高频焊接巨片</option> 
<option>开槽锯片</option> 
 
</select> 
<select class="city" name='kind3'> 
<option>打孔钻</option> 
<option>激光焊接打孔钻</option> 


</select> 
<select class="city" name='kind4'> 
<option>金刚石磨轮</option> 
<option>烧结磨轮</option> 
</select> 
<select class="city" name='kind5'>
<option>其他石材工具</option>
</select>

                      $type=$_POST['type'];
if($type=='打孔钻'){
$kind=$_POST['kind3'];
}else if($type=='磨轮')｛ 

                               $kind=$_POST['kind4']

｝

..........

echo $kind;