Jquery实现菜单联动效果

 <script type="text/javascript"   src='jquery.js'></script>
<form>
<select value='大类'  id='big'>
<option>请选择</option>
<option>aa</option>
<option>bb</option>
<option>cc</option>
</select>
<select value='小类'  id='small'>
</select>
</form>


<script>
$("#big").change( function (){
// alert('good');
$('#small').load('2.php',{name:$("#big").val()},function(responseTxt,statusTxt,xhr){
     if(statusTxt=="success"){
      var arr=responseTxt.split(',') ; 
      $.each(arr, function(index, value) {
      $("#small").append("<option>"+value+"</option>");
      });
     }
   if(statusTxt=="error")
     alert("Error: "+xhr.status+": "+xhr.statusText);
});
});

</script>

------------------------------------------------------------------服务器端脚本--------------------------------------------------------------------

<?php
$a=$_REQUEST['name'];
switch($a) {
case 'aa':
echo "a1,a2,a3";
break;
case 'bb':
echo  "b1,b2,b3";
break;
case 'cc':
echo  "c1,c2,c3";
break;
}
?>