MaterializeCss | 다중 선택의 경우 모든 옵션을 미리 선택할 수 없습니다.

Question

웹 사이트에 materialized css을 사용하여 다중 선택 항목을 구현하려고합니다. 모든 "옵션"태그를 미리 선택해야합니다. 그래서 내가 쓴 :

$(document).ready(function() { 
    var select = $('#visa-type-selection'); 
    $(select).find("option").prop('selected', true); 
    $('#visa-type-selection').material_select(); 
    alert($("#visa-type-selection").val()); 
}); 

이 코드는 실제로 모든 "옵션"을 선택합니다. 아래의 경고 코드는이 이미지를 제공합니다.

을 내가 항목을 클릭 할 때, 나는 "옵션"의 '체크 박스 중 어느 것도 확인되지 않은 참조 :

그러나 재료 선택 항목은 다음과 같습니다에 "UL을 만드는

구체화를 ", 각 옵션에 대해 체크 박스 + 레이블을 만들고 onClick 동작을 보내지 않으면 확인할 수 없습니다. 여기에 HTML 추가가 실현된다은 "UL"태그의 생성 된 ID는 그것이 만들어지는 때마다 변경되기 때문에

<ul id="select-options-edd3cffe-6107-b8e0-322b-51f667907794" class="dropdown-content select-dropdown multiple-select-dropdown active" 
    style="width: 458px; position: absolute; top: 0px; left: 0px; opacity: 1; display: block;"> 
    <li class=""><span><input type="checkbox"><label></label>Shengen</span></li> 
    <li class=""><span><input type="checkbox"><label></label>İş</span></li> 
    <li class=""><span><input type="checkbox"><label></label>Öğrenci</span></li> 
    <li class=""><span><input type="checkbox"><label></label>Turist</span></li> 
    <li class=""><span><input type="checkbox"><label></label>Emekli</span></li> 
    <li class=""><span><input type="checkbox"><label></label>Erasmus</span></li> 
</ul> 

내가 해결 방법을 찾을 수 couldn'd.

도움이 될 것입니다. 고맙습니다.

Answer 1

나는 당신이 말하는 것에 전적으로 동의합니다. jquery .prev() 메서드를 적용하고 모든 ul 태그에 액세스하면됩니다. 내가 한 일은 다음과 같다. - 그것은 사전에 선별 된 도움을 주었다. 당신은 아주 똑같이 li에 액세스하고 그들에게 Active 클래스를 추가해야합니다.

var a=$('#id_of_multiselect').prev().find(":checkbox"); 
        for(var i=0;i<=length_of_list;i++) 
        { 
         a[i].checked=true; 
        } 
      $('#egg_events').val(vals).trigger('update');