您的位置：首页 > 其它

无刷新省市县三级联动(AJAX/Webservice)

2013-05-23 09:41 375 查看

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<script src="Jquery1.7.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

var txtprov;

var txtcity;

$('#ddlsheng').append("<option value='0'>--- 请选择 ---</option>");

$('#ddlshi').append("<option value='0'>--- 请选择 ---</option>");

$('#ddlxian').append("<option value='0'>--- 请选择 ---</option>");

//省

function aa() {

三联动.WebService1.sanji(onSuccess1, onFailed1);

}

aa();

function onSuccess1(result) {

for (var i = 0; i < result.length; i++) {

var provinceID = result[i].split('-')[0].toString();

var province = result[i].split('-')[1].toString();

$('#ddlsheng').append("<option value='" + provinceID + "'>" + province + "</option>");

}

}

$('#ddlsheng').change(function () {

$('#ddlshi option:not(eq(1))').remove();

$('#ddlxian option:not(eq(1))').remove();

$('#ddlxian').append("<option value='0'>--- 请选择 ---</option>");

txtprov = $('#ddlsheng option:selected').val();

bb();

})

function onFailed1() {

alert('获取失败!');

}

//市

function bb() {

三联动.WebService1.city(txtprov, onSuccess2, onFailed2);

}

function onSuccess2(result2) {

for (var i = 0; i < result2.length; i++) {

var cityID = result2[i].split('-')[0].toString();

var city = result2[i].split('-')[1].toString();

$('#ddlshi').append("<option value='" + cityID + "'>" + city + "</option>");

}

}

$('#ddlshi').change(function () {

$('#ddlxian option:not(eq(1))').remove();

txtcity = $('#ddlshi option:selected').val();

cc();

})

function onFailed2() {

alert('获取失败!');

}

//县

function cc() {

三联动.WebService1.area(txtcity, onSuccess3, onFailed3);

}

function onSuccess3(result3) {

for (var i = 0; i < result3.length; i++) {

var areaID = result3[i].split('-')[0].toString();

var area = result3[i].split('-')[1].toString();

$('#ddlxian').append("<option value='" + areaID + "'>" + area + "</option>");

}

}

function onFailed3() {

alert('获取失败!');

}

})

</script>

</head>

<body>

<form id="form1" runat="server">

<div id="mydiv"></div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Services>

<asp:ServiceReference Path="~/WebService1.asmx" />

</Services>

</asp:ScriptManager>

<div>

省<asp:DropDownList ID="ddlsheng" runat="server">

</asp:DropDownList>

市<asp:DropDownList ID="ddlshi" runat="server">

</asp:DropDownList>

县<asp:DropDownList ID="ddlxian" runat="server">

</asp:DropDownList>

</div>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航