jquery - 在选择的jquery中选择All后不允许选择选项

Question

我使用了 Jquery Chosen 插件。我在下拉列表中动态填写了数据。

我允许选择多个选项。但我的问题是，如果用户选择所有选项，则不允许选择其他选项。如果用户删除所有选项，则允许。

jQuery 选择：http: //harvesthq.github.com/chosen/

<select id="test" data-placeholder="Select Department..." class="chzn-select" multiple tabindex="6">
    <option value=""></option>  
    <option value="-1">All</option>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

Answer 1

好吧，这很容易..您所要做的就是取消选择所有内容，但每次用户选择某些内容时都取消选择“全部”选项...这里是代码：

//first we cache the all option selector
var theAllOption = $('#test option[value="-1"]');
$("#test").on({
    change: function() {
        var element = $(this);
        //if the all option is selected we find all the selected options and deselect them
        if (theAllOption.is(":selected")) {
            element.find("option:selected").not(theAllOption).removeAttr("selected");
        }
    }
});​

可以在这里找到一个工作示例：http: //jsfiddle.net/senegalo/EKvUE/3/

选择插件的工作示例：http: //jsfiddle.net/senegalo/EKvUE/4/