【IT168技术文档】
看了jquery库真不错, 蛮好用 在服务器回调方面操作简单
基中这里用到了jquery里的FillOptions和CascadingSelect插件,在网上搜索可以下到
<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>
