Ajax+jQuery 实现菜单联动

最新推荐文章于 2021-08-05 23:28:23 发布

原创最新推荐文章于 2021-08-05 23:28:23 发布 · 545 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jquery #string #html #dataset #function

C#用法专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用Ajax技术动态更新Web页面中下拉列表的方法。通过两次Ajax请求分别获取基金公司列表和根据所选公司动态获取基金列表，实现了用户交互过程中的数据实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面js：

           $(document).ready(function() {
           $('#CombDetailDiv').hide();

           var ret = "<option value='0'>请选择基金..</option>";
           $("#ddlFund").append(ret);
           $('#ddlCompany').change(function() {
             GetData();
           });
           });

</script>

页面：

<div>

<asp:DropDownList ID="ddlCompany" runat="server" Width="220px">
</asp:DropDownList>

<asp:DropDownList ID="ddlFund" runat="server" Width="220px">
</asp:DropDownList>

</div>

Ajax_Data.aspx文件

public partial class Ajax_Data : BasePage
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string result = "";
            string method = Request["method"];
            if (!string.IsNullOrEmpty(method))
            {
                switch (method)
                {
                    case "hello":
                        result = hello();
                        break;
                    case "GetFundNetVal":
                        result = GetFundNetVal();
                        break;
     case "GetFundCompany":
      result = GetFundCompany();
      break;
     case "GetFundList":
      result = GetFundListInfo();
      break;
                }
            }
            Response.Write(result);
        }

        string hello()
        {
            string jcode = Request["Jcode"];
            return jcode;
        }

  public string GetFundCompany()
  {
   string html = "<option value='0'>请选择基金公司..</option>";
   DataSet ds =BusinessFactory.Common.GetList("GetFundCompany", new object[] { 7, 309 });
   foreach (DataRow dr in ds.Tables[0].Rows)
   {
    html += "<option value=/"" + dr["id"] + "/">" + dr["CName"] + "</option>";
   }
   return html;
  }

  public string GetFundListInfo()
  {
   string ClassId=Request["ID"];
   string ret = "<option value='0'>请选择基金..</option>";
   if(ClassId=="0")
    return ret;

   DataSet ds = BusinessFactory.Fund.GetList("GetFundNameList", new object[] { ClassId });
   //ret = "0-请选择基金..";
   foreach (DataRow dr in ds.Tables[0].Rows)
   {
    ret += "<option value=/"" + dr["jcode"] + "/">" + dr["title"] + "</option>";
   }
   return ret;
  }

        public string GetFundNetVal()
        {
            string jCode = Request["Jcode"];
            string Date = "2010-2-22";
            string ColumnName = "ddate";
            DataSet ds = BusinessFactory.Fund.GetList("GetFundNetValAndDate", new object[] { jCode, Date });
            string value = "0";
            foreach (DataRow dr in ds.Tables[0].Rows)
                value = dr[ColumnName].ToString();
            if (ColumnName.ToLower() == "ddate")
            {
                if (value == "0")
                    value = Date;
                else
                    value = Convert.ToDateTime(value).ToShortDateString();
            }
            return value;
        }
    }