select2의 필수 항목이 false이면 jquery가 유효하지 않습니다.

Question

jQuery를 사용하여 select2의 필수 필드를 false로 만드는 방법은 무엇입니까? jQuery를 사용하여 모든 select2 require=false를 만들고 비활성화하고 싶습니다.

이것을 시도해 보았으나 $('#accodeformheader').find('input, select').attr('required', false); 작동하지 않습니다. select2의 "required" = false를 만드는 방법이 있습니까?

$(document).ready(function() {
                $('#idtask').change(function() {
                  var taskVal = $(this).val();
                  console.log("현재 작업 값", taskVal);
                  if (taskVal === "잔디") {
                    document.getElementById("idspeakerdetailsdiv").style.display = "block";
                  }
                  또 다른 {
                    document.getElementById("idspeakerdetailsdiv").style.display = "none";
                  }
                })

                $('.lexemeview').click(함수() {
                  $('#accodeformheader').find('입력, 선택').attr('disabled', true);
                  $('#accodeformheader').find('입력, 선택').attr('required', false);
                  
                  document.getElementById("accodeformheader").style.display = "none";
                  
                  버튼 유형 = $(this).attr("id")
                  액티브폼(버튼타입)
                  $('#formdisplay').find('입력, 선택').attr('disabled', true);
                  $('#editbutton').attr('hidden', false);
                  
                  var acode = $(this).attr("id");
                  console.log(코드)
                  $.getJSON("{{url_for('karya_bp.getonespeakerdetails')}}", {
                    asycaccesscode:문자열(accode)
                    }, 함수(데이터) {
                        console.log(데이터)
                        메타데이터 = data.speakerdetails.current.workerMetadata
                        console.log(메타데이터)
                        $('#accesscode').attr('value', accode)

<div id="accodeformheader" style="display: block;">
              <div class="form-group">
                <label for="idaccesscodefor">액세스 코드:</label><br>
                <select class="accesscodefor" id="idaccesscodefor" name="accesscodefor" style="width:55%" 필수></select><br>
              </div>

              <div class="form-group">
                <label for="idtask">작업:</label><br>                           
                <select class="task" id="idtask" name="task" style="width:55%" 필수></select><br>
              </div>

             <div id="uploadaccode" style="display: block;"></div> 
            </div>
              <div class="form-group">

                <label class="col-form-label">이름:</label>
                <input type="text" class="form-control" id="idname" name="sname" placeholder="--스피커 이름--" style="width:55%" value="" 필수 >
              </div>

              <div class="form-group">
              <label for="sagegroup">연령대: </label> <br> 
              <select class="age" id="idage" name="sagegroup" style="width:55%" 필수>
              </선택><br>
                </div>

            <div id="idspeakerdetailsdiv" style="display: none;">
                <div class="form-group">                    
                <label for="sgender">성별: </label>  <br>
                <select class="gender" id="idgender" name="sgender" style="width:55%" 필수>
                
                </선택><br>

                </div>  

                <div class="form-group">
                <label for="educationalevel">교육 수준: </label> <br>
                <select class="educationlvl" id="idelevel" name="educationalevel" style="width:55%" 필수>
                </선택><br>
                </div>
              

                <div class="form-group">
                    <label for="moe12">중간 교육(12위까지): </label><br>                           
                    <select class="educationmediumupto12" id="idmediumpre" name="moe12" multiple="multiple" style="width:55%" 필수>
                    </선택><br>
                </div> 
                
                
                <div class="form-group">
                    <label for="moea12">중간 교육(12일 이후): </label><br>                           
                    <select class="educationmediumafter12" id="idmediumpost" name="moea12" multiple="multiple" style="width:55%" 필수>
                    </선택><br>
                </div> 
                
                

          </div>


            <button type="button" id="closebutton" class="btn btn-secondary" data-dismiss="modal">닫기</button>
            <input type="submit" value="제출"> <br><br>
            
            </양식>
          </div>

Answer 1

필요하지 않은 경우 "필수" 속성을 간단히 제거할 수 있습니다

으아악

재설정하려면 다음 단계를 따르세요.

으아악

ID 또는 클래스를 기반으로 특정 select2 드롭다운을 제거하려면 다음 단계를 따르세요.

으아악

클래스 이름 사용:

으아악

다시 다음과 같이 ID와 클래스를 기준으로 설정할 수 있습니다.

으아악

클래스 이름 사용:

으아악

귀하의 질문을 이해하고 올바른 답변을 드렸기를 바랍니다.