隐藏下拉列表

Question

我目前正在使用 c# asp.net 和 javascript 处理下拉列表，imma 新手在 js 并且无法弄清楚我应该使用哪种方法来隐藏控件我在谷歌上尝试了几个代码，例如 style.visibility = "none"(我使用单选按钮作为触发器(

<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"  />

Answer 1

如果您使用的是 jequery，请使用：

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

如果你需要纯JavaScript

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

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

Answer 2

你可以使用

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