如何将jQuery MultiSelect小部件设为只读？

Question

我怎样才能让Eric Hynds的jQuery UI只读MultiSelect插件？我知道如何禁用小部件，但我希望显示其内容，而无需用户更改任何内容。

Answer 1

SEE THIS FIDDLE

基本上，只需在创建时将一个可以定位的类传递给多选，然后在包装器中的所有输入上使用禁用的目标类集为true。

$("#jquery_fun").multiselect({classes:'jquery_fun'});
$('.jquery_fun').find('input').each(function(){
    $(this).prop('disabled', true);
});

Answer 2

当它试图将焦点移动到禁用的输入时，公鸡解决方案会在IE8中导致javascript错误。 如果您只想显示所选值而不显示选项，则可以使用以下代码：

$("#myMultiselect").multiselect({
    multiple: false,
    header: true,
    selectedList: 1,
    open: function () {  
        $("#myMultiselect").multiselect("close");
    }
}); 

Answer 3

您可以通过以下方式禁用控件：

$("#myMultiselect").multiselect('disable');