I am not sure how to fine tune this, but it seems to me like it should
be rather simple. I have a RadComboBox on my page that only has two
possible values:
When the user changes it to "Joint" I want the asp panel named 'CoApplicant' to become visible. If changed back, then hide again. Here is my javascript code which is not working:
When the user changes it to "Joint" I want the asp panel named 'CoApplicant' to become visible. If changed back, then hide again. Here is my javascript code which is not working:
How do I hide that panel based on the selection?
<telerik:RadComboBox ID="list_ApplicationType" Runat="server" Skin="Windows7" |
Width="170px" OnClientSelectedIndexChanged="AppTypeChanged"> |
<Items> |
<telerik:RadComboBoxItem runat="server" Selected="True" Text="Individual" |
Value="Individual" /> |
<telerik:RadComboBoxItem runat="server" Text="Joint" Value="Joint" /> |
</Items> |
</telerik:RadComboBox> |
When the user changes it to "Joint" I want the asp panel named 'CoApplicant' to become visible. If changed back, then hide again. Here is my javascript code which is not working:
When the user changes it to "Joint" I want the asp panel named 'CoApplicant' to become visible. If changed back, then hide again. Here is my javascript code which is not working:
<script language="javascript" type="text/javascript"> |
<!-- |
function AppTypeChanged(sender, eventArgs) { |
var item = eventArgs.get_item(); |
if (item.get_value() == "Joint") { |
($find("panel_CoApplicant")).visible = true; |
//(document.getElementById("panel_CoApplicant")).visible = false; |
} |
else { |
(document.getElementById("panel_CoApplicant")).visible = false; |
} |
} |
// --> |
</script> |
How do I hide that panel based on the selection?