javascript - 在 IE 上禁用后查看多选上的选定选项

Question

当我使用 jquery 禁用我的多选时，当它在 Internet Explorer 上运行时，所选操作在应用程序上似乎不可见，但在 mozilla firefox 和 chrome 上正确显示。有没有解决的办法？请指教

编辑
一个可能的jsfiddle。我无法在这里工作。

我只是尝试disable多选，仍然可以在 IE 上查看选择选项

Answer 1

设置背景颜色应该很容易，并且适用于我测试过的每个浏览器（包括 IE8）

var runMe = function () {
    var select = document.getElementById('RQBRAND');
    select.disabled = "disabled";

    for(var i=0;i<select.options.length;i++)
    {
        if(select.options[i].selected)
        {
            select.options[i].style.backgroundColor = "silver";
            select.options[i].style.color = "white";
        }
    }


}

你可以看到它在这里工作：

http://jsfiddle.net/SpAm/cjutm/11/

color = "white" 用于镀铬。

Answer 2

我想你可能会发现这个jQuery UI MultiSelect Widget对你想要做的事情很有帮助。

然后，您将能够启用/禁用它：

var $widget = $("select").multiselect(), 
    state = true;

$("#toggle-disabled").click(function(){
   state = !state;
   $widget.multiselect(state ? 'disable' : 'enable');
});

据我测试，它也适用于较旧的 IE 版本。