如何使用 jQuery 和 Ajax 仅返回一个字符串以及如何将其插入到 jdialog 中的 DDL 中？

Question

我正在尝试创建一个动态模块，将一个对象放在屏幕上。然后将打开一个 jQuery 对话框，其中包含三个下拉列表。当我在第一个下拉列表中选择一个值时，我尝试通过 Ajax 过滤下一个列表中的结果。

这是我的 JS 代码：

$("#ddlTableType").live(
        'change',
        function() 
        { 
            var GetTablesCodes = $.ajax({
                url:'AjaxActions/TableCodes.aspx?ObjectType=' + $("#ddlTableType").val(),
                async:false                 
            }).responseText; 
          //alert(GetTablesCodes);
          //alert(GetTablesCodes.$('#hidCodesList').val());
          //alert($('#hidCodesList').val());
        }
   );

在 ASP.NET 页面中，我正在执行以下操作：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TableCodes.aspx.cs" Inherits="AjaxActions_TableCodes" %>

<form id="form1" runat="server">
     <asp:HiddenField ID="hidCodesList" runat="server" />
</form>

此页面背后的代码：

public partial class AjaxActions_TableCodes : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
    DataSet dsCodesList = DbHelper.ExecuteDataSet(
                        ConfigurationManager.AppSettings["ConnStr"],
                        "spObjectCodesByTYpe_Select",
                        new SqlParameter("@ObjectType", Request.QueryString["ObjectType"])
                );

    hidCodesList.Value = "";
    for(Int16 CodeListIndex=0;CodeListIndex<dsCodesList.Tables[0].Rows.Count;CodeListIndex++)
    {
        hidCodesList.Value += dsCodesList.Tables[0].Rows[CodeListIndex]["Value"].ToString() + ",";
    }
}

}

在第一次调用警报时，我获得了整个页面。我可以看到隐藏字段填充了我需要的数据。我怎样才能提取这些数据？最后，所有下拉列表都在 JDialog 中，因此这可能会导致问题。

Answer 1

关于 ASP.NET jQuery 和级联下拉列表的一般答案

从我可以从您的问题中看出，您尝试创建的用户体验是一个模式弹出窗口（通过 jDialog），其中包含一系列< em>级联下拉列表。有很多方法可以使用这个范例。使用搜索词“级联下拉列表asp.net”将为您提供大量关于如何将各种解决方案付诸实践的示例。

这里有几篇文章可能会有所帮助

• 关于级联下拉列表和 jQuery 的精彩文章（所有客户端均无 Ajax）
• 使用 jQuery 和 JSON 在 ASP.Net 中构建级联 DropDownList（一个 Ajax 示例）

更具体地解决您的问题

本质上，您希望通过 jDialog 加载一个模式弹出窗口，其中包含三个下拉列表。您应该绑定到第一个下拉列表的 onchange 事件。绑定函数应使用 jQuery 调用 Web 方法，该方法返回数据以填充下一个下拉列表。

[编辑]
上面链接的文章（使用 jQuery 和 JSON 在 ASP.Net 中构建级联 DropDownList ）显示了如何通过 JSON 和 jQuery 对象的追加方法将选项附加到下拉列表的示例。我已经提取了相关的附加代码。

$("#ddlCities").append($("<option></option>").val(this['ID']).html(this['City']));

[/编辑]