javascript - 如果用户选择特定值，则在 Jquery Chosen 插件中删除选择

Question

我有以下多选，我正在使用Jquery Chosen插件

  <select multiple="multiple" class="chzn-select span3" name="requestCategory"   id="requestCategory">
        <option selected="selected" value="">All</option>
        <option value="2">Electrical</option>
       <option value="4">Emails</option>
       <option value="3">Filming Permits</option>
       <option value="10">test1</option>
    </select>

客户希望确保如果选择了任何其他值或者如果用户选择了任何其他值然后自动取消选择/删除所有，我不允许用户选择全部；因为 ALL = 所有类别，所以单独选择没有意义。我该怎么做呢？

Answer 1

检查是否选择了多个项目，或者如果只选择了一个项目而不是第一个项目 - 在这些情况下禁用全部。

$('.chzn-select').on('change', function() {
    var selectedOpts = $('option:selected', this);

    if(selectedOpts.length > 1 || selectedOpts.first().index() !== 0) {
        $('option', this).first().attr('disabled', 'disabled');
    }
});​

http://jsfiddle.net/zCk2z/5/

Answer 2

在第一次更改选项 [simple] 时会删除 All 类别。但我建议禁用该项目，它看起来更好地使用.attr('disabled', 'disabled')而不是 .remove();

$('#requestCategory').change(
function(){
$(this).find('option:contains("All")').remove()
})