隐藏下拉列表

时间:2018-05-16 03:29:55

标签: javascript c# asp.net

我目前正在使用c#asp.net和javascript进行下拉列表,在js上使用imma newbie并且无法确定我应该使用哪种方法来隐藏控件我在google上尝试了几个代码,如style.visibility ="无" (我使用单选按钮作为触发器)

 <script type="text/javascript">
         function enbaleTextbox() {
             var txt1 = "<%=othersLeave.ClientID%>";

            if (document.getElementById("<%=rdbOthers.ClientID%>").checked == true) {

                document.getElementById(txt1).style.visibility = "inline";


            }

            else if(document.getElementById("<%=rdbSickLeave.ClientID%>").checked==true) {

                document.getElementById(txt1).style.visibility = "none";
            }
            else if (document.getElementById("<%=rdbVacaLeave.ClientID%>").checked == true) {

                document.getElementById(txt1).style.display = "none";
            }
            else
            {

                document.getElementById(txt1).style.display = "none";

            }
         }

前面的代码

<asp:RadioButton  GroupName="group1" enabled="true" runat="server" ID="rdbOthers" Text="Others" OnCheckedChanged="rdbOthers_CheckedChanged" onclick="enbaleTextbox(this.Id)" AutoPostBack="false"  />

2 个答案:

答案 0 :(得分:1)

如果您使用的是jequery,请使用:

$("#IdOfYourDropdown").hide();

如果你需要简单的javascript

document.getElementById(IdOfYourDropdown).style.display = "none";

请记住,如果您使用style.visibility = "hidden",它会隐藏您的控件,但不会缩小空间。

答案 1 :(得分:0)

您可以使用

$("#yourselection").css("display","none")