After the user selects an option from a RadDropDownList, I would like the control to lose focus. I've tried various things like calling blur and trying to set focus to another element in both the OnClientItemSelected and OnClientDropDownClosed events but nothing seems to work. Is there a way to do this in JavaScript code?

Thanks

Hi Tim,

The OnClientItemSelected seems to be suitable for the purpose. Please try to trigger the blur event in a setTimeout function:

function onClientItemSelected(sender, args) {
    setTimeout(function () {
        var $ddl = $(sender.get_element());
        $ddl.trigger("blur");
        $ddl.children('.rddlInner').removeClass('rddlFocused');
    });
}

Here are some resources related to the suggested sample above:

• OnClientItemSelected
• Window setTimeout() Method
• jQuery, Traversing
• jQuery, .trigger()
• jQuery, .removeClass()

I hope this will help.

Kind regards,
Doncho
Progress Telerik

That works great. Thanks for your help!