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

Question

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

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

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

我见过这个：Asp.Net: Restoring client-side SelectedItem of DropDownList on server-side和设置隐藏字段值的解决方法，但我想知道如果有更正确的方法来做到这一点..

<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中，你不应该添加到客户端的服务器端控件。由于像视图状态那样应用了抽象，它不会很好地工作，并且可能会导致非常有趣的问题。

如果您需要填充列表中的“网页表单”方式，您通常会将下拉列表放置在更新面板中，并通过执行部分回发来加载它。然后你可以添加到项目中，或者在服务器端进行数据绑定来填充它。

你不喜欢这个选项，使它成为标准选择，并且不要尝试使用服务器端控件。当你提交表格时，你仍然可以获得提交的价值，而且会更清晰。

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;