<option>要素を選択した量に基づいて動的に無効にする

Question

私は3030のオプション（ハードコード）から選択できるインターフェイスをユーザに提供しました。bootstrap dualListBoxに表示されます。

しかし、これは私が た後、左側で選択されている可能性がすべてのオプションは、無効になって10に選択できるオプションの最大量を設定したい完璧に動作します。

ユーザーが選択したオプションを削除すると、他のユーザーが選択できるようになります。

これを実現するためにjqueryを使用することに気づきましたが、選択した量をどのようにカウントするか、残っている選択肢をどのように無効にするか、再び利用可能にするかは不明です。

この問題を正しく解決する方法についてアドバイスはありますか？

私は二重のリストボックスのために使用していますプラグインはここで見つけることができます：

Bootstrap dualListBox

Answer 1

まず私は、変更イベントを結合する、選択した項目の数が同じであるか、そして、超えたならば、私がチェックします要素の最大数、もしそうなら、私はそれを無効にします。 （これは、コードをテストされていません）