javascript - Chosen.js - 選択するアイテムの数を制限することは可能ですか?

Question

リストから最大 5 つの追加オプションを選択するオプションをユーザーに提供したいクライアントがいます。Chosen.js のコンセプトは気に入っていますが、選択範囲を制限するにはどうすればよいですか? 解決策の 1 つは、onChange を使用して選択した数をカウントし、残りを無効にすることだと思いますが、より適切な解決策はありますか?

Answer 1

Chosenは、max_selected_optionsこれを実行できるようにするためのを提供します。

$(".chzn-select").chosen({ max_selected_options: 5 });

Answer 2

私の場合、 max_selected_options: 5 は機能しません。ということで以下のように修正しました。

var countSelect = 0;
$(".chosen-select").chosen().change( function (e, params) {         
    if(params.deselected != undefined) { countSelect--; } 
    if(params.selected != undefined) { countSelect++; } 
    if(countSelect > 3) {           
        $('.chosen-select option[value="'+params.selected+'"]').attr('selected', false);
        $(this).trigger('chosen:updated');
        countSelect--;
    } 
});

それを試してみてください。その作業は非常にスムーズです。