Question

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

填充是正确的，问题是我选择了哪个值，因为当我点击按钮保存数据时，服务器函数button_click中的下拉列表有SelectedItem to null，有aso list项目数为0 ..

我已经把另一个下拉列表用于测试，其中有一些随机城市，如果我通过相同的jquery函数设置一个值，我可以在服务器函数中正确看到它，所以问题似乎与事实上，另一个是客户端。

我已经看到了这个：Asp.Net: Restoring client-side SelectedItem of DropDownList on server-side和set隐藏字段值解决方法，但我想知道是否有更正确的方法来做到这一点..

<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();
    (...)
}

Answer 1

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

如果您需要在列表中填入＆＃34;网络表单＆＃34;通常，您可以将dropdownv放在更新面板中，然后通过执行部分回发来加载它。然后你可以添加到项目，或者在服务器端进行数据绑定以填充它。

您不喜欢此选项，请将其设为标准选项，并且不要尝试使用服务器端控件。当您提交表单时，您仍然可以获得提交的值，并且它将更加清晰。

Answer 2

正如我在此看到的那样：

Asp.Net: Restoring client-side SelectedItem of DropDownList on server-side

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

在ZIP文本更改和ddl更改：

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

和服务器端：

city = hdnCity.Value;

服务器button_click中的ASP.NET下拉列表为空，ddl填充在客户端

2 个答案: