0

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

1 に答える 1

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/

Chosen プラグインを使用した実例: http://jsfiddle.net/senegalo/EKvUE/4/

于 2012-12-16T07:13:58.407 に答える