看了jquery库真不错, 蛮好用 在服务器回调方面操作简单
<script src="http://www.cnblogs.com/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/js/jquery.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/js/jQuery.FillOptions.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/js/jQuery.CascadingSelect.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#select").FillOptions("http://www.cnblogs.com/handler/Handler.ashx?type=xml",{datatype:"xml",textfield:"InfoTypeName",valuefiled:"InfoTypeID",keepold:"true",selected:"0"});
$("#select").AddOption("选择省份","-1",true,0);
$("#select").CascadingSelect(
$("#select2"),
"http://www.cnblogs.com/handler/Handler.ashx?type=xml",
{datatype:"xml",textfield:"InfoTypeName",valuefiled:"InfoTypeID",parameter:"p"},
function(){
$("#select2").AddOption("选择城市","-1",true,0);
}
);
$("#select2").CascadingSelect(
$("#select3"),
"http://www.cnblogs.com/handler/Handler.ashx?type=xml",
{datatype:"xml",textfield:"InfoTypeName",valuefiled:"InfoTypeID",parameter:"p"},
function(){
$("#select3").AddOption("选择网点","-1",true,0);
}
);
$("#select3").change(function(){
$.ajax({
"type": "get",
"url":"http://www.cnblogs.com/handler/Handler2.ashx?typeid="+$("#select3 option[@selected]").val(),
"success": function(data) {
$("#showinfo").html(data);
},
"error": function(){
$("#showinfo").html(data);
}
});
});
});
</script>
