Material.css 다중 선택 요소 내의 모든 옵션 선택

Question

누구나 재료 설계의 multiselect dom 요소에서 모두 선택 옵션을 추가하는 링크 또는 솔루션을 제안 할 수 있습니까? select all 옵션을 제외한 모든 옵션을 선택하고 텍스트 필드에 표시하고 게시하려고합니다.

해결 방법을 찾을 수 없습니다. 누구든지 제안 할 수 있습니까? 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'); 
    } 

미리 감사드립니다.

Answer 1

나는 논리를 제공 할 수 있습니다. 나머지는 당신에게 달렸습니다.

1. 선택에 따라 onChange 이벤트 핸들러 (함수)를 추가하십시오.
2. 해당 함수에서 값이 "모두 선택"옵션의 값과 같은지 확인하기 위해 "if 문"을 넣습니다.
3. true를 반환하면 요소를 수동으로 호출하고 그 값을 다른 모든 옵션 (아마 배열)의 값으로 설정합니다.