How to toggle visibility of Asp.Net combobox with javascript or Jquery

I have a set of server side combo boxes in a table. Based on client events, I need them to appear or disappear. I've tried the following with no success:

document.getElementById("cboToothNumber").style.visibility = "hidden"; 

$("#cboToothNumber").hide()

Any i开发者_JS百科deas? Also, this will need to work from a js file

You don't want the ASP.NET ID, you want the client id, so try

$("#<%=cboToothNumber.ClientID%>").hide()

From a JS file, this won't work. You can use the same code to get the ClientID and set it as a variable or pass it into a function in the Javascript file though.

Have you checked the ID of the combo boxes once the page has rendered? The Id of the element might be changing due to it being serverside.

If you are using .net 4 - there is a way to disable the ClientId by setting the ClientIdMode.

 <asp:Label ID="Label1" runat="server" ClientIDMode="[Mode Type]" />

Check out these links:

http://weblogs.asp.net/scottgu/archive/2010/03/30/cleaner-html-markup-with-asp-net-4-web-forms-client-ids-vs-2010-and-net-4-0-series.aspx

http://weblogs.asp.net/asptest/archive/2009/01/06/asp-net-4-0-clientid-overview.aspx