2016-09-27 4 views
1

リセットボタンをクリックしてjquery multi selectedから選択した項目を削除するには?Refresh Jquery multi selectedを選択

<select data-placeholder="Select" id="options" class="chosen-select" maxwidth="50px" multiple tabindex="15" ></select> 

私は運を持ついくつかの方法を試してみました。これは私のコードです:

$("#options").multiselect('refresh'); 
    $("#options").multiselect('clearSelection'); 
    $('#options').multiSelect('deselect_all'); 
    $("#options").find('option:selected').removeAttr("selected"); 

上記まだ任意の助けをいただければ幸いです

enter image description here

、画像のように選択した項目を表示した後。

+0

そのスクリーンショットはマルチセレクトのようには見えません。 https://harvesthq.github.io/chosen/)またはtagit(http://aehlke.github.io/tag-it/)...使用しているライブラリについて100%確信していますか?編集:実際にクラスに基づいて、それは選択されたフィールドです... '.chosen()'メソッドを使うか、またはプロパティをfalseに設定します(つまり '$("#options "))。 .prop( 'selected'、false) ')、単に属性を削除するのではなく、 '$("#options ")。trigger( 'selected:updated');' –

答えて

0

私は複数選択して、あまりにも慣れていないんだけど、あなたが使用して、すべての選択を解除することができますようにdocsによると、それは見えます:

あなたが使用することができます
$('#your-select').multiSelect('deselect_all'); 
+0

私もこのファイルを試しました。私のために働かない。 –

1

これは複数選択ではなく、jQueryの選択フィールドです。ここでの答えはあなたがカバー:'select all' and 'remove all' with chosen.jsを - ちょうどのオプションから選択したプロパティを削除するには、あるかもしれないためにあなたが選択し、正しいトリガの古いバージョンを使用している場合は、選択した要素

$("#options").find('option:selected').prop('selected',false); 
$("#options").trigger('chosen:updated'); 

を更新:LISZT:更新します、例えば。

$("#options").trigger('liszt:updated'); 

しかし、あなたは確かに言うためにその詳細を質問に追加する必要があります。

ALSOをmultiSelectとして初期化しておけば、将来の問題を予測します。どのウィジェットを使用したいのか確かめ、それをそのウィジェットとそのウィジェットとしてしか呼び出せないようにしてください。

+0

はい、これはJqueryが複数選択されていますが、この回答は私には当てはまりません。選択したアイテムはまだそこにあります。 –

+0

それから、2つの異なる種類のウィジェットを初期化したことに関連する問題があるかもしれないことをお勧めします。最初の行は、選択リスト(http://stackoverflow.com/questions/1857781/best-way-to-unselect-a-select-in-jquery)のすべてのオプションの選択を解除する受け入れられた方法です.2行目は受け入れられます(https://harvesthq.github.io/chosen/options.html#triggerable-events)更新されたオプションのウィジェットを更新しました。私は正しいことを覚えている場合、別のトリガを持っていた選択の古いバージョンを使用しているかもしれません。あなたは質問にもっと多くの情報を追加する必要があります。 –

+0

しかし、 '$( '#options')で始まるものを呼んでいるならば、明らかにするには、multiSelect(...' ')、何もうまくいきません - マルチセレクションメソッドは選択フィールドでは機能しません。フィールドの問題を引き起こす可能性があります。 –

関連する問題