Highlight on select

[Megan]

Hi,
After selecting an item in my Rad Form Decorated Drop Down List I want it to highlight so you can see the change.  I used the OnClientSelectedIndexChanged event as described here for the Combo Boxes on my page (it works great), but it doesn't work for a Drop Down List.  Any help would be greatly appreciated.  Thanks!

[Niko]

Hello Megan,

Please, try setting your logic in the change event handler of the decorated select. Let's say that you have the following setup:

<telerik:RadScriptManager ID="theScriptManager" runat="server" />
<telerik:RadFormDecorator ID="theFormDecorator" runat="server" DecoratedControls="All" />
<asp:DropDownList ID="theSelect" runat="server">
    <asp:ListItem Text="text1" />
    <asp:ListItem Text="text2" />
</asp:DropDownList>

You should handle the change event of the select and in the event handler you need to put the logic that you wish to implement:

function pageLoad() {
    $addHandler(getSelect(), "change", changeSelectHandler);
}

function changeSelectHandler() {
    //put your logic here
}

function getSelect() { return $get("<%= theSelect.ClientID %>"); }

Unfortunately, due to a bug, the change event of a decorated select will not fire under IE9. The good news is that this bug is addressed and the fix will be available with the upcoming release of the controls.

Hope this helps.

Greetings,
Niko
the Telerik team