Question

如何用Ajax实现dropdowslist无刷新二级联动

vs2005平台
C# 用Ajax实现dropdowslist无刷新二级联动
俺是新手
能否说详细点
谢谢了！！！

Answer 1

页面的 <asp:DropDownList ID="ddlGarden" runat="server" onchange="ShowClass(this.value)">
<asp:ListItem Value="-1">--请选择--</asp:ListItem>
</asp:DropDownList>

function ShowClass(GId) {
$.ajax({
type: "POST",
contentType: "application/json",
url: "/WebService/VR_Video.asmx/GetClass",//webservice的方法
data: "{GId:" + GId + "}",
dataType: 'json',
success: function(result) {
$("#ddlClass").empty();
$("#ddlClass").append("<option value='-1'>--请选择--</option>");
if (result.d != "") {
$(result.d).each(function() {
$("#ddlClass").append("<option value='" + this[0] + "'>" + this[1] + "</option>");
});
}
}
});
}给你个例子 在第一个的onchangg事件调用，jquery的
webservice中的方法
[WebMethod]
public List<object[]> GetClass(int GId)
{
return CompanyLogic.VR_Video.GetClassesByGId(GId);
}