我有一个表单来更改一些地址信息。当在文本框中放入一些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;