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”代表chrome。

Answer 2

我认为您可能会发现jQuery UI MultiSelect Widget对您要做的事情有所帮助。

然后您可以使用以下命令启用/禁用它：

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

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

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

在IE上禁用后，在多选中查看所选选项

2 个答案: