mbosch
asked on
making user controls visible/invisible using javascript
Hi experts,
I have a dropdown list that I want to use to make a custom user control visible or invisible depending on what is selected in the drop down. Is there any way to do this? I know I can do it by setting the drop down to auto postback, but is there a way to do it with javascript and not have to do a round trip to the server?
Thanks!
I have a dropdown list that I want to use to make a custom user control visible or invisible depending on what is selected in the drop down. Is there any way to do this? I know I can do it by setting the drop down to auto postback, but is there a way to do it with javascript and not have to do a round trip to the server?
Thanks!
ASKER
I see what you're saying. Is there anyway to do this with a radiobuttonlist control? Thanks and sorry for the delay in response time.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
First, make sure your custom control has a single containing html element. For example, everything should be enclosed with a div element or something of the sort. Don't create multiple elements like <div></div><div></div> but rather put everything into one container.
Second, in your javascript, you can use something lile this for the onselectedindexchange() event of your dropdown list:
<script>
function toggleCustomControlVisibil
var dropdownlist = document.all[ 'MyDropDownList' ];
if( dropdownlist.selectedIndex
else document.all[ 'MyCustomControl' ].style.display = 'block';
}
</script>
To assign this event to your asp dropdown list, on the server (in Page_Load() for example), add the following code:
MyDropDownList.Attributes[