2016-07-27 7 views
0

マテリアルデザインのmultiselect dom要素内のSelect Allオプションを追加するリンクまたはソリューションを提案する人は誰もいません。 select allオプション以外のすべてのオプションを選択して、テキストフィールドに表示して投稿したいとします。Material.cssマルチセレクト要素内のすべてのオプションを選択

解決策が見つかりませんでした。誰でも提案することができます。 Pls注:domの外にボタンとして追加したくないです。

$("#all_member").change(function(){ 

    if($("#all_member option[value=-1]:selected").length > 0){ 
     $('#all_member option').attr('selected', "selected"); 
     $('#all_member').prev("ul").find("li").addClass('active'); 
     $('#all_member').prev("ul").find("li span input").attr('checked', "true"); 
    }else{ 
     $('#all_member option').attr('selected', "false"); 
     $('#all_member').prev("ul").find("li").removeClass('active'); 
     $('#all_member').prev("ul").find("li span input").removeAttr('checked'); 
    } 

ありがとうございました!

答えて

0

私はロジックを提供することができます。後は君しだい。

  1. 選択するためにonChangeイベントハンドラ(関数)を配置します。
  2. この関数では、値が "すべて選択"オプションの値と等しいかどうかを確認するif文を入れます。
  3. trueを返す場合は、手動で要素を呼び出し、その値を他のすべてのオプション(おそらく配列)の値に設定します。
+0

これはまさに私がやっていることであり、このロジックは一度しか動作しませんが、後で同じイベントでは機能しません。誰でも問題を見つけることができます。ありがとう!私は自分のコードで質問を編集しました。 – DpGp

+0

誰もがここで私を助けることができます、まだ立ち往生することができず、前進することができません、ここでの唯一の問題は、ロックであり、ドロップダウンの感覚は、 – DpGp

関連する問題