>

페이지를 처음로드 할 때 선택한 값을 설정하고 싶지만 설정할 수 없습니다.

다음은 HTML 마크 업입니다.

<select multiple id="access_rights">
 <option value="default" disabled selected>Choose your options</option>
 <option value="create">Create</option> 
 <option value="read">Read</option> 
 <option value="update">Update</option> 
 <option value="delete">Delete</option> 
</select> <label>Select Access Rights</label>`

이제 페이지를 처음로드 할 때 'Create'와 'Update'가 기본값으로 선택되었습니다.

어떻게하면 되나요?


  • 답변 # 1

    작업 데모보기 :

    $(document).ready(function() {
        $('select').material_select();
    });
    
    var selectedOptions=[
      "create",
      "update"
    ];
    $.each(selectedOptions, function(i,e){
        $("#access_rights option[value='" + e + "']").prop("selected", true);
    });
    
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
     
    <label for="access_rights">Select Access Rights</label>
    <select id="access_rights" multiple>  
      <option value="default" disabled>Choose your options</option>        <option value="create">Create</option>                     <option value="read">Read</option>                         <option value="update">Update</option>                     <option value="delete">Delete</option>                 </select> 
     
    
    

  • 답변 # 2

    만들기 및 업데이트 옵션에서 선택된 것을 사용하십시오. 예 :-

    <select multiple id="access_rights">                                               
       <option value="default" disabled>Choose your options</option>                                                  
       <option value="create" selected>Create</option>                                                  
       <option value="read">Read</option>                                                  
       <option value="update" selected>Update</option>                                                  
       <option value="delete">Delete</option>                                              </select>
    <label>Select Access Rights</label>
    
    

관련 자료

  • 이전 php curl - 본문을 이진 데이터로 설정하는 방법?
  • 다음 python - 목록의 내용을 인쇄하려고 할 때 색인 인쇄가 왜됩니까?