Не разрешено выбирать опцию после выбора All в jquery selected

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/