c# - 在 ASP.NET 下拉值更改时显示/隐藏 DIV

Question

我的 ASP.NET 页面上有以下下拉列表:

<asp:DropDownList ID="selectAttending" runat="server">
              <asp:ListItem Value="Select One...">Select One...</asp:ListItem>
              <asp:ListItem Value="Yes">Yes</asp:ListItem>
              <asp:ListItem Value="No">No</asp:ListItem>
            </asp:DropDownList>

我还有以下脚本:

$(function (){
$("#selectAttending").change(function () { 
ToggleDropdown(); 
}); 
ToggleDropdown();  
}); 

function ToggleDropdown(){
if ($("#selectAttending").val() == "No") {
    $("#ifAttending").hide(); 
} 
else{
    $("#ifAttending").show(); 
 } 
}; 

如果他们参加，我想显示的 DIV 标签是: #ifAttending

我是否需要向下拉列表添加属性以在更改时显示/隐藏，或者代码是否错误？

Answer 1

问题是 selectAttending 是页面后面的 ASP 代码中使用的控件 ID，而不是 html 中下拉元素的 ID。

您必须这样做才能获取控件的客户端 ID:

$(function (){
    $("#<%=selectAttending.ClientID%>").change(function () { 
        ToggleDropdown(); 
    }); 
    ToggleDropdown();  
}); 

function ToggleDropdown(){
    if ($("#<%=selectAttending.ClientID%>").val() == "No") {
        $("#ifAttending").hide(); 
    } 
    else{
        $("#ifAttending").show(); 
    } 
 };