ASP.NET dropdownlist在服务器button_click中为空,ddl在客户端填充

ASP.NET dropdownlist is empty in server button_click, the ddl is populated client side

本文关键字:ddl 客户端 填充 click dropdownlist NET 服务器 button ASP      更新时间:2023-09-26

我有一个表单来更改一些地址信息。当在文本框中放入一些generic ZIP code时,会触发客户端事件,以便用兼容的城市填充下拉列表。

填充是正确的,问题是无论我选择哪个值,因为当我点击按钮保存数据时,服务器功能button_click中的下拉列表有SelectedItem to null,有aso-list项目计数为0。

我放了另一个dropdownlist只是为了测试,其中有一些随机的城市,如果我用相同的jquery函数在上面设置了一个值,我可以在服务器函数中正确地看到它,所以问题似乎是另一个是客户端填充的。。

我看到了以下内容:Asp.Net:在服务器端恢复DropDownList的客户端SelectedItem和设置隐藏字段值的解决方法,但我想知道是否有更正确的方法。。

<table>
    <tr>
        <td>
            <label>Address</label><br />
            <asp:TextBox ID="txtAddress" CssClass="testo" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <label>Province</label><br />
            <asp:TextBox ID="txtProvince" runat="server" />
        </td>
        <td>
            <label>City</label><br />
            <asp:DropDownList ID="ddlCity" runat="server" />
        </td>
        <td>
            <label>ZIP</label><br />
            <asp:TextBox ID="txtZIP" />
        </td>
    </tr>
    <tr>
        <td>
            <!-- Just for test set ddl by jQuery -->
            <asp:DropDownList ID="ddlTest" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
            <asp:ImageButton ID="btnSave" runat="server"
                OnClick="btnSave_Click" />
        </td>
    </tr>
</table>
$(function () {
    $(document).on('keyup', 'input[id*="txtZIP"]', function () { 
        var input = $(this);
        if (input[0].selectionStart == 5) {
            $.ajax({ 
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "CleanAddress.aspx/txtZIP_TextChanged",
                data: "{ZIP:'" + input.val() + "'}",
                dataType: "json",
                success: function (response) {
                    var cities = $.parseJSON(JSON.stringify(response.d)); 
                    if (comuni.length > 0) {
                        $("[id*=txtProvince]").val(cities[0].ID_PROVINCE);
                        $("[id*='ddlCity']").empty();
                        $.each(cities, function (key, value) {
                            $("[id*='ddlCity']").append($("<option />
").val(value.ID_CITY).text(value.CITY));
                        });
                        $("[id*='ddlCity']").removeAttr('disabled');
                        $("[id*='ddlTest']").val(9); // Just for test
                        $("[id*='ddlComuneDom']").val(cities[0].ID_CITY);
                        //alert($("[id*='ddlTest']").val());
                        //alert($("[id*='ddlCity']").val());
                        }
                    }
                },
                error: function (result) {
                    alert("Errore! " + result.status + " - " + result.statusText);
                }
            });
        }
    });
[WebMethod]
    public static List<Comuni> txtZIP_TextChanged(string ZIP)
    {
        try
        {
            List<Cities> cities = new List<Cities>();
            if ((ZIP.Trim() != "") && (ZIP.Length == 5))
            {
                dcListCitiesDataContext dc = new dcListCitiesDataContext();
                if (dc.Cities.Where(c => c.ZIP.Equals(ZIP)).Count() > 0)
                {
                    string province = dc.Cities.Where(c => c.ZIP.Equals(ZIP)).First().ID_PROVINCE.ToUpper();
                    if (province != null)
                    {
                        cities = dc.Cities.Where(c => c.ZIP.Equals(ZIP)).ToList();
                        return cities;
                    }
                }
            }
            return cities;
        }
        catch (Exception ex)
        {
            Utility.WriteLog("CleanAddress - txtZIP_TextChanged " + " - " + ex.Message, TipoLog.Error);
            throw;
        }
    }
    protected void btnSave_Click(object sender, ImageClickEventArgs e)
{
    // Here I've always ddlCity empty
    string cities= "";
    if (ddlCity.SelectedItem != null)
        cities= ddlCity.SelectedItem.ToString();
    else
        cities= ddlTest.SelectedItem.ToString();
    (...)
}

在asp-webforms中,您永远不应该在客户端添加服务器端控件。由于像视图状态这样的抽象应用,它不会很好地工作,并且可能会引起非常有趣的问题。

如果你需要以"web表单"的方式填充列表,你通常会将dropdownv放在更新面板中,并通过部分回发来加载它。然后你可以添加到项目中,或者在服务器端进行数据绑定来填充它

如果您不喜欢此选项,请将其作为标准选择,并且不要尝试使用服务器端控件。当你提交表格时,你应该仍然能够获得提交的值,而且它会更干净。

如我所见:

Asp.Net:在服务器端上恢复DropDownList的客户端SelectedItem

<asp:HiddenField ID="hdnCity" runat="server" />

在ZIP文本更改和ddl更改中:

$("[id*='hdnCity']").val($("[id*='ddlCity'] option:selected").text());

服务器端:

city = hdnCity.Value;