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

【问题标题】：In Jquery Chosen plugin remove selection if user selects a particular value如果用户选择特定值，则在 Jquery Chosen 插件中删除选择
【发布时间】：2012-10-03 20:48:17
【问题描述】：

我有以下多选，我正在使用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 = 所有类别，所以单独选择没有意义。我该怎么做？

【问题讨论】：

标签： javascript jquery jquery-chosen

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

$('.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/

【讨论】：