Disable DropDownList

[Den]

Hello!

I use RadFormDecorator for styling. My form contains a DropDownList (asp:DropDownList). I want to disable/enable the DropDownList by javascript.

if (chb.checked) {
   jQuery("#" + ddlId).removeAttr('disabled');
} else {
   jQuery("#" + ddlId).attr('disabled', 'disabled');
}

It works good in FF and Chrome. But it does not work in IE.
How can I fix it?

Thanks 

[Niko]

Hi Den,

In IE there is an issue with the disabled property of the DOM elements, when it comes to tracking it. This issue is reproduced only when the element is enabled and should become disabled. The other way around the tracking is working, i.e. if the select is disabled it can be enabled and IE will raise an event about it. This is a browser issue and there is nothing that we can do on our side to work around it.

Nevertheless there is a different approach that should work. For decorated select elements there is a FormDecorator method to update the decoration on it when the disabled property changes. Here is a sample piece of code:

Sys.Application.add_load(function()
{
    $addHandler($get("checkbox"), "click", function()
    {
        var fd = getFormDecorator();
        var select = $get("select");
        select.disabled = !$get("checkbox").checked;
        fd.updateSelect(select);
    })

});

function getFormDecorator()
{
    return $find("theFormDecorator");
}

Hope this helps.

All the best,
Niko
the Telerik team