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

嗯，这很简单..所有你需要做的就是每次使用选择的东西时取消选择除All选项之外的所有内容......这里是代码：

//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/

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

1 个答案: