<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Porschev--前台JS(Jquery)调用后台方法 级联菜单</title>
<script src="http://www.cnblogs.com/Javascript/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#selectShop").change(function() { //省份下拉菜单的change事件 var params = '{str:"' + $(this).val() + '"}'; //此处参数名要注意和后台方法参数名要一致 $.ajax({ type: "POST", //提交方式 url: "List.aspx/ShowShopPro", //提交的页面/方法名 data: params, //参数（如果没有参数：null） dataType: "text", //类型 contentType: "application/json; charset=utf-8", beforeSend: function(XMLHttpRequest) { $('#tipsDiv').text("正在查询..."); }, success: function(msg) { $('#tipsDiv').text("查询成功!"); $("#selectShopPro option").each(function() { $(this).remove(); //移除原有项 }); $("<option value='0'>===请选择===</option>").appendTo("#selectShopPro"); //添加一个默认项 $(eval("(" + msg + ")").d).appendTo("#selectShopPro"); //将返回来的项添加到下拉菜单中 }, error: function(xhr, msg, e) { alert("error"); } }); });
}); var i = 1;
//克隆添加 function adds() { $("#selectShop").clone().prependTo("#tipsDiv"); $("#tipsDiv select").attr("id","select"+i+""); alert($("#tipsDiv").html()); i++; } </script>
</head><body> <form id="form1" runat="server"> <div> Porschev--前台JS(Jquery)调用后台方法 级联菜单<br /> <br /> <select id="selectShop"> <%=strShop%> </select> <select id="selectShopPro" name="selCity"> <option value="0">===请选择===</option> </select> <div id="tipsDiv"></div> <a href="javascript:adds()">添加</a>
</div> </form></body></html>
CasMenu.aspx.cs 文件中
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using CasMenuModels; using CasMenuBLL; using System.Text; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { ShowPro (); } } public static string strShop = string.Empty; public static string strShopPro = string.Empty;
public string ShowPro() { StringBuilder str = new StringBuilder(); List<ZGWed.Model.Shop> list = new ShopBLL().GetALLItems();
//添加一个初始项 str.Append("<option value=\""); str.Append("0"); str.Append("\">"); str.Append("===请选择==="); str.Append("</option>");
//循环追加省份下拉项 foreach (ZGWed.Model.Shop s in list) { str.Append("<option value=\""); str.Append(s.ID); str.Append("\">"); str.Append(s.ShopName); str.Append("</option>"); } return strShop = str.ToString(); }
[System.Web.Services.WebMethod()] public static string ShowShopPro(string str) { StringBuilder strCi = new StringBuilder(); if (str == "0") //为初始项 { strCi.Append("<option value=\""); strCi.Append("请选择"); strCi.Append("\">"); strCi.Append("请选择"); strCi.Append("</option>"); } else { List<string> scon = new List<string>(); scon.Add("shopid,"+str+",="); List<ZGWed.Model.ShopProductInfo> list = new ShopProductInfoBLL().GetItemsByCondition(scon) ; foreach (ZGWed.Model.ShopProductInfo c in list) { strCi.Append("<option value=\""); strCi.Append(c.ID); strCi.Append("\">"); strCi.Append(c.ShopID); strCi.Append("</option>"); } } return strShopPro = strCi.ToString(); }
#endregion }
本文来自博客，转载请标明出处：http://blog.csdn.net/porschev/archive/2010/10/15/5943579.aspx
转载于:https://www.cnblogs.com/liyuxin/archive/2011/03/01/1967862.html
相关资源：各显卡算力对照表！