JQuery UIAJAX_AJAX和WebService实现省市县三级联动具体代码，--------------------------
$('#seprovince').change(function () {
List<Model.area> list = barea.GetListModel("father='" + cityid + "'");
data: "{proid:'" + $(this).val() + "'}",
<option>--请选择--</option>
</head>
<title></title>
List<Model.city> list = bcity.GetListModel("father='" + proid + "'");
<select>
for (var i = 0; i < result.d.length; i++) {
{
[WebMethod]
stroarea += result.d[i].areaname;
return list;
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
$(function () {
url: "WebService1.asmx/GetProvince",
</select>县
</tr>
地址
</td>
}
$('#secity option:gt(0)').remove();
<select>
})
strocity += '</option>';
var stroption = '';
<html xmlns="http://www.w3.org/1999/xhtml">
$('#seprovince').append(stroption);
<option>--请选择--</option>
for (var i = 0; i < result.d.length; i++) {
success: function (result) {
</table>
})
select
}
stroarea += '</option>';
})
contentType: "application/json",
}
public List<Model.city> GetCityByPro(string proid)
<script src="https://www.xp.cn/js/Jquery1.7.js" type="text/javascript"></script>
复制代码 代码如下:
----------------------------------HTMLPage1.htm----------------------------
width: 150px;
public List<Model.province> GetProvince()
}
public class WebService1 : System.Web.Services.WebService
}
url: "WebService1.asmx/GetAreaByCity",
</select>市
-------------------------------------WebService1.asmx---------------------------------------
stroarea += '<option value=' + result.d[i].areaID + '>';
data: "{cityid:'" + $(this).val() + "'}",
注：用到了三层架构，dal层写了一些方法
[System.Web.Script.Services.ScriptService]
$('#searea').append(stroarea);
<style type="text/css">
success: function (result) {
for (var i = 0; i < result.d.length; i++) {
{
})
<body>
return list;
})
type: "post",
<head>
stroption += result.d[i].provincename;
type: "post",
strocity += '<option value=' + result.d[i].cityID + '>';
}
<table>
$.ajax({
}
public string HelloWorld()
<select>
contentType: "application/json",
[WebMethod]
$('#secity').append(strocity);
</script>
strocity += result.d[i].cityname;
<script type="text/javascript">
type: "post",
{
success: function (result) {
{
var stroarea = '';
$('#searea option:gt(0)').remove();
List<Model.province> list = bpro.GetListModel();
省
BLL.city bcity = new BLL.city();
url: "WebService1.asmx/GetCityByPro",
$.ajax({
public List<Model.area> GetAreaByCity(string cityid)
data: "{}",
</html>
$('#secity').change(function () {
复制代码 代码如下:
BLL.province bpro = new BLL.province();return "Hello World";
</td>
}
}
<td>
contentType: "application/json",
</select>
BLL.area barea = new BLL.area();
</style>
})
[WebMethod]
{
var strocity = '';
{
<option>--请选择--</option>
return list;
<td>
[WebMethod]
$('#searea option:gt(0)').remove();
stroption += '</option>';
stroption += '<option value=' + result.d[i].provinceID + '>';
</body>
}
相关热词：
本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！
本文地址: https://v30.fanwenzhu.com/jq/ui/5733.shtml
