脚本宝典收集整理的这篇文章主要介绍了ajax.net +jquery 无刷新三级联动的实例代码,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
}
$('#Select1').append(ping);
}
})
$('#Select1').change(function () {
//第二次选时要记得清空市和县中的内容
$('#Select2 option:gt(0)').remove();
$('#Select3 option:gt(0)').remove();
//在省的改变事件里绑定下一个下来列表(要失掉省的id)
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/loadcity",
data: "{fatherid:'" + $('#Select1 option:selected').val() + "'}",
success: function (result) {
var str2;
for (var i = 0; i < result.d.length; i++) {
str2 += "<option value=" + result.d[i].cityID + ">";
str2 += result.d[i].cityname;
str2 += "</option>";
}
$('#Select2').append(str2);
}
})
})
$('#Select2').change(function () {
$('#Select3 option:gt(0)').remove();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/loadarea",
data: "{fatherid:'" + $('#Select2 option:selected').val() + "'}",
success: function (result) {
var str3;
for (var i = 0; i < result.d.length; i++) {
str3 += "<option value=" + result.d.areaiD + ">";
str3 += result.d[i].areaname;
str3 += result.d[i].father;
}
$('#Select3').append(str3);
}
})
})
})
</script>
</head>
<body>
省:
<select id="Select1">
<option>--请选择--</option>
</select>
市:
<select id="Select2">
<option>--请选择--</option>
</select>
县:
<select id="Select3">
<option>--请选择--</option>
</select>
</body>
</html>
webservice:
DAL--area
}
以上是脚本宝典为你收集整理的ajax.net +jquery 无刷新三级联动的实例代码全部内容,希望文章能够帮你解决ajax.net +jquery 无刷新三级联动的实例代码所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。