如何使用 asp.net 中的另一个下拉列表更改下拉列表选择的索引和可见性？

Question

我的 asp.net 应用程序中有一个这样的下拉列表，

<asp:DropDownList runat="server" ID="ddlChanges" CssClass="selectstyle" onchange="javascript:ddlChangesChanged();"> 
<asp:ListItem Text="-- Select -- " Value="-1"></asp:ListItem> 
<asp:ListItem Text="Status Change" Value="1"></asp:ListItem>
<asp:ListItem Text="Product Name Change" Value="2"></asp:ListItem>       
<asp:ListItem Text="Category Change" Value="3"></asp:ListItem>
</asp:DropDownList>

因此，当用户从列表中选择“状态更改”时，会出现另一个带有以下值的下拉列表，

<asp:DropDownList runat="server" ID="ddlStatus" CssClass="selectstyle"  Style="visibility: hidden;"> 
<asp:ListItem Text="-- Select -- " Value="-1"></asp:ListItem> 
<asp:ListItem Text="Pending" Value="1"></asp:ListItem>
<asp:ListItem Text="Fixed" Value="2"></asp:ListItem>       
<asp:ListItem Text="Cancelled" Value="3"></asp:ListItem>
</asp:DropDownList>

<asp:Button ID="btnUpdate" CssClass="selectstyle" runat="server" Text="Update" OnClick="btnUpdate_Click"></asp:Button>

如果用户没有从下拉列表 (ddlStatus) 中选择任何值，我将在 btnUpdate 点击事件中使用 JavaScript 显示一条警报消息（“您必须选择一个状态。”），

if (this.ddlStatus.SelectedItem.Value.Trim() == "-1")
{
    string script = "<script type=\"text/javascript\">alert('You must select a status.');</script>";
    ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert", script);
}

但在此之后，我的页面刷新并下拉列表 ddlChanges 具有“状态更改”（先前选择的项目）作为选定项目和下拉列表 (ddlStatus) 被隐藏。我希望 ddlChanges 下拉列表具有 -- 选择 -- 作为所选项目，并且 ddlStatus 应该是可见的。

我该怎么做？

Answer 1

您正在执行完整的回发（客户端上的所有更改都会重置，回发的输入值除外） - 所以要么进行客户端 (javascript) 验证（最佳选项），要么切换到 ajax 部分回发（更快的选项），或者干脆改变这个（最慢的选项）：

if (this.ddlStatus.SelectedItem.Value.Trim() == "-1")
{
    ddlStatus.Attributes["style"] = null;
    string script = "<script type=\"text/javascript\">alert('You must select a status.');</script>";
    ClientScript.RegisterClientScriptBlock(this.GetType(), "Alert", script);
}

Answer 2

btnUpdate 点击事件引发服务器端代码，服务器不知道用户在客户端选择了什么。一种选择是使用客户端验证来避免回发并保留客户端的选择