Jquery中Ajax实现下拉列表联动.docx

Jquery中Ajax实现下拉列表联动(转载)

【Js代码如下】：
<script src="Js/jquery-" type="text/javascript"></script>
<script language="javascript" type="text/javascript">

$(function() {
BindUnit();
Change();
});
//下拉列表change事件
function Change() {
$("#sel_unit").change(function() {
BindUnit_User();
});
}

function BindUnit() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "",
data: "{}", //即使参数为空，也需要设置
dataType: 'xml', //返回的类型为XML
success: function(result) { //成功时执行的方法
//捕获处理过程中的异常并输出
try {
$("#sel_unit").empty();
$(result).find("Table").each(function(i) {
$("#sel_unit").append(" <option value='" + $(this).find("org_id").text() + "'>" + $(this).find("org_name").text() + "</option>");
});
BindUnit_User();}
catch (e) {
alert(e);
return;
}
}, error: function(result, status) { //出错时会执行这里的回调函数
if (status == 'error') { alert(status); }
}
});
}
function BindUnit_User() {
var val = $("#sel_unit option:selected").val();
var mydata = '{"org_id":"'+val+'"}': //格式为json的参数，这中间最麻烦，最容易出错的也是拼接Json字符串，字符型参数的值要添加引号，而且