2016-07-27 98 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