Apabila item select2 yang diperlukan adalah palsu, jquery adalah tidak sah

Question

Bagaimana untuk menggunakan jQuery untuk menjadikan medan select2 yang diperlukan palsu? Saya mahu menggunakan jQuery untuk membuat setiap select2 require=false dan lumpuhkannya.

Saya mencuba ini...tetapi $('#accodeformheader').find('input, select').attr('required', false); Adakah terdapat cara untuk membuat select2's "required" = false?

$(document).ready(function() {
                $('#idtask').change(function() {
                  var taskVal = $(this).val();
                  console.log("Nilai tugas semasa", taskVal);
                  if (taskVal === "Rumput") {
                    document.getElementById("idspeakerdetailsdiv").style.display = "block";
                  }
                  lain {
                    document.getElementById("idspeakerdetailsdiv").style.display = "tiada";
                  }
                })

                $('.lexemeview').klik(fungsi() {
                  $('#accodeformheader').find('input, select').attr('disabled', true);
                  $('#accodeformheader').find('input, select').attr('required', false);
                  
                  document.getElementById("accodeformheader").style.display = "tiada";
                  
                  buttonType = $(this).attr("id")
                  activeform(buttonType)
                  $('#formdisplay').find('input, select').attr('disabled', true);
                  $('#editbutton').attr('tersembunyi', palsu);
                  
                  var acode = $(this).attr("id");
                  console.log(accode)
                  $.getJSON("{{url_for('karya_bp.getonespeakerdetails')}}", {
                    asycaccesscode:String(accode)
                    }, fungsi(data) {
                        console.log(data)
                        metadata = data.speakerdetails.current.workerMetadata
                        console.log(metadata)
                        $('#accesscode').attr('value', accode)

<div id="accodeformheader" style="display: block;">
              <div class="form-group">
                <label untuk="idaccesscodefor">Kod Akses Untuk:</label><br>
                <pilih class="accesscodefor" id="idaccesscodefor" name="accesscodefor" style="width:55%" diperlukan></select><br>
              </div>

              <div class="form-group">
                <label untuk="idtask">Tugas :</label><br>                           
                <select class="task" id="idtask" name="task" style="width:55%" diperlukan></select><br>
              </div>

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

                <label class="col-form-label">Nama:</label>
                <input type="text" class="form-control" id="idname" name="sname" placeholder="--Speaker Name--" style="width:55%" value="" diperlukan >
              </div>

              <div class="form-group">
              <label for="sagegroup">Kumpulan Umur: </label> <br> 
              <pilih class="age" id="idage" name="sagegroup" style="width:55%" diperlukan>
              </select><br>
                </div>

            <div id="idspeakerdetailsdiv" style="display: none;">
                <div class="form-group">                    
                <label untuk="sgender">Jantina: </label>  <br>
                <pilih class="gender" id="idgender" name="sgender" style="width:55%" diperlukan>
                
                </select><br>

                </div>  

                <div class="form-group">
                <label for="educationalevel">Tahap Pendidikan: </label> <br>
                <pilih class="educationlvl" id="idelevel" name="educationalevel" style="width:55%" diperlukan>
                </select><br>
                </div>
              

                <div class="form-group">
                    <label untuk="moe12">Medium Pendidikan (sehingga ke-12): </label><br>                           
                    <pilih class="educationmediumupto12" id="idmediumpre" name="moe12" multiple="multiple" style="width:55%" diperlukan>
                    </select><br>
                </div> 
                
                
                <div class="form-group">
                    <label for="moea12">Medium Pendidikan (Selepas 12hb): </label><br>                           
                    <pilih class="educationmediumafter12" id="idmediumpost" name="moea12" multiple="multiple" style="width:55%" diperlukan>
                    </select><br>
                </div> 
                
                

          </div>


            <button type="button" id="closebutton" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
            <input type="submit" value="Submit"> <br><br>
            
            </form>
          </div>

Answer 1

Anda boleh mengalih keluar atribut "diperlukan" jika anda tidak memerlukannya

$('select').removeAttr('required');

Jika anda ingin menetapkan semula, sila ikuti langkah berikut:

$('select').prop('required', 'required');

Jika anda ingin mengalih keluar dropdown pilih2 tertentu berdasarkan id atau kelas, sila ikut langkah berikut:

$('#your_id_name').removeAttr('required');

Gunakan nama kelas:

$('.your_class_name').removeAttr('required');

Sekali lagi, anda boleh set berdasarkan id dan kelas seperti ini:

$('#your_id_name').prop('required', 'required');

Gunakan nama kelas:

$('.your_class_name').prop('required', 'required');

Saya harap saya memahami soalan anda dan memberikan jawapan yang betul.