2012-02-14 46 views
1

我的asp.net web應用程序中有一個下拉列表。我想爲客戶端JavaScript中的下拉列表設置可見性,例如visible = true或false。任何人都可以知道解決方案,這意味着它將非常感激。如何在javascript中設置下拉列表的可見性

謝謝..

+0

參考這個http://stackoverflow.com/questions/1791759/how-to-set-visible-true-and-false-for-drop-down-list-box-using-javascript-in-asp – 2012-02-14 14:22:38

+0

我的Dropdownlist在「內容」頁面中。所以無法在Div內提供下拉列表。所以你能告訴我我能做些什麼嗎? – Kathirvel 2012-02-14 14:57:49

回答

1

使用jQuery .show()和.hide()方法。您將需要使用像這樣的客戶端ID值來查找下拉列表:

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

是否有可能在該查詢中提供下拉標識,例如('ct100_content1_dropdown1')? – Kathirvel 2012-02-14 14:39:58

+1

這就是.ClientID屬性將返回 – mreyeros 2012-02-14 14:44:28

+0

但是,當我使用它,我得到了像預期的對象的錯誤信息。所以你能否讓我知道我能爲此做些什麼? – Kathirvel 2012-02-14 14:46:15

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> 

祝你好運!

相關問題