2016-07-27 95 views
0

任何人都可以提出一個鏈接或解決方案來添加材料設計的多選dom元素中的select All選項。我希望所有的選項都被選中,除了全選選項,並希望顯示它在文本字段中併發布。Material.css選擇多選元素中的所有選項

我找不到解決方案。有誰可以建議。 請注意:我不想將它添加爲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