2017-06-12 23 views
0

jqueryの新機能です。私は複数の選択プラグインjqueryを使用しています。私はユーザーが3つ以上のオプションを選択できないようにしたい。 複数の選択プラグインでオプションの数を制限する方法を選択するには?

<select multiple id='testbox'> 
    <option value='1'>First Option</option> 
    <option value='2'>Second Option</option> 
    <option value='3'>Third Option</option> 
    <option value='4'>Fourth Option</option> 
    <option value='5'>Fifth Option</option> 
</select> 

のjQueryコード: - - :ここで私はまたのSelectAll option.Hereが私のコードですが無効になっている

$("select").multipleSelect({ 
    selectAll: false 
}); 

私を助けてください。事前:)

答えて

1

EDITの長さをチェック:あり

は複数選択プラグインでjsFiddle example作業します

var limit = 3; 

var $multiSel = $("select").multipleSelect({ 
placeholder: "Here is the placeholder", 
width: 200, 
filter: true, 
selectAll: false, 
onClick: function(view) { 
    var $checkboxes = $multiSel.next().find("input[type='checkbox']").not(":checked"); 
    var selectedLen = $multiSel.multipleSelect('getSelects').length; 
    if (selectedLen >= limit) { 
     $checkboxes.prop("disabled", true); 
    } else { 
     $checkboxes.prop("disabled", false); 
    } 
} 
}); 
+0

を複数選択ではない複数選択である私は –

+0

で作業していない – Rajesh

+0

複数選択プラグインで編集した方が良いですか? –

0

のおかげで、選択のためのchangeイベントを追加し、選択したオプション

$("select").change(function() { 
 
     if($("select option:selected").length > 3) { 
 
      // you can disable rest of the things here 
 
     } 
 
    });

+0

行うことができます私はすでにこれを試みたが、これはこの場合には動作しません複数選択プラグイン –

+0

を選択し、複数で作業していません選択を使用して複数のアイテムを一緒に選択します。最初の要素をクリックし、Shiftキーを押しながら最後の要素をクリックします。 –

+0

今私の答えのチェックを更新 –

0

あなたは

if($("select").multipleSelect("getSelects").length > 3) 
{ 
    alert('Not allowed'); 
} 
関連する問題