<?php header("Content-Type:text/html; charset=utf-8"); ?>
<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>
<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>