Material.css选择multiselect元素中的所有选项

时间:2016-07-27 02:02:10

标签: select material-design selectall

任何人都可以建议在材料设计的multiselect dom元素中添加select All选项的链接或解决方案。我想要选择除select all选项之外的所有选项,并希望在文本字段中显示并发布它。

我无法找到解决方案。谁能建议。 请注意:我不想将它添加为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'); 
  }

提前致谢!

1 个答案:

答案 0 :(得分:0)

我可以提供逻辑。其余的由你决定。

  1. 为您的选择设置onChange事件处理程序(函数)。
  2. 在该功能上,输入" if语句"检查该值是否等于"选择全部"选项。
  3. 如果返回true,则手动调用该元素并将其值设置为所有其他选项(可能是数组)的值。