如何在asp.net中使用javascript为下拉列表框设置可见的true和false

<asp:DropDownList ID="DropDownList1" runat="server">
    <asp:ListItem Text="Option 1" Value="1"></asp:ListItem>
    <asp:ListItem Text="Option 2" Value="2"></asp:ListItem>
    <asp:ListItem Text="Option 3" Value="3"></asp:ListItem>
</asp:DropDownList>

<asp:Button ID="Button1" runat="server" Text="Toggle Visibility" OnClientClick="toggleDropDownListVisibility(); return false;" />

function toggleDropDownListVisibility() {
    var dropDownList = document.getElementById("<%= DropDownList1.ClientID %>");
    var isVisible = dropDownList.style.display === "none" ? false : true;

    if (isVisible) {
        dropDownList.style.display = "none";
    } else {
        dropDownList.style.display = "block";
    }
}