动态下拉框 ajax

<script type="text/javascript">
$(function(){
//加载所有楼栋数据
$.ajax({
type:'post',
url:'${pageContext.request.contextPath }/selectRoomServlet.action',
data:'cmd=build',
dataType:'json',
success:function(rs){
//alert(rs.length);
//$("#build_id")
for(var i=0;i<rs.length;i++){
$("<option value="+rs[i].id+">"+rs[i].buildname+"</option>").appendTo("#build_id");
}
}
})


$("#build_id").change(function(){
// alert($(this).val())
var bid = $(this).val();
if(bid!=0){
$.ajax({
type:'post',
url:'${pageContext.request.contextPath }/selectRoomServlet.action',
data:'cmd=unit&bid='+bid,
dataType:'json',
success:function(rs){
//alert(rs.length);
//$("#build_id")
$("#unit_id").children().remove("option[value!=0]");
$("#room_id").children().remove("option[value!=0]");
for(var i=0;i<rs.length;i++){
$("<option value="+rs[i].id+">"+rs[i].unitname+"</option>").appendTo("#unit_id");
}
}
})

}

})


$("#unit_id").change(function(){
var uid = $(this).val();
if(uid!=0){
$.ajax({
type:'post',
url:'${pageContext.request.contextPath }/selectRoomServlet.action',
data:'cmd=room&uid='+uid,
dataType:'json',
success:function(rs){
// alert(rs.length);
//$("#build_id")
$("#room_id").children().remove("option[value!=0]");
for(var i=0;i<rs.length;i++){
$("<option value="+rs[i].id+">"+rs[i].roomname+"</option>").appendTo("#room_id");
}
}
})

}

})


})
</script>