如何在javascript中设置asp.net下拉列表的可见性

时间:2012-02-14 14:20:29

标签: c# javascript jquery asp.net

我的asp.net Web应用程序中有一个下拉列表。我想在客户端javascript中为该下拉列表设置可见性,例如visible = true或false。任何人都可以知道解决方案,这意味着它真的很感激。

谢谢..

2 个答案:

答案 0 :(得分:1)

使用jquery .show()和.hide()方法。您需要使用clientid值找到下拉列表,如下所示:

 $('#<%= myDropDown.ClientID %>').show() // shows dropdown
 $('#<%= myDropDown.ClientID %>').hide() // hides dropdown

答案 1 :(得分:1)

这是仅使用Javascript的示例:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript" language="javascript">
        function doToggle() {
            var ddl = document.getElementById("<%Response.Write(DropDownList1.ClientID.ToString()); %>");

            if (ddl.style.display == "none") {
                ddl.style.display = "block";
            }
            else {
                ddl.style.display = "none";
            }
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>
        <input id="Button1" onclick="doToggle();" type="button" value="Toggle" />
    </div>
    </form>
</body>
</html>
祝你好运!