select2的必填项为false时，jquery无效
P粉775788723
2023-09-03 10:06:25
<p>如何使用jQuery使select2的必填字段为false？我想使用jQuery使每个select2都要求= false并将其禁用。</p>
<p>我尝试了这个......但是$('#accodeformheader').find('input, select').attr('required', false);不起作用。
有没有办法使select2的“required”= false？</p>
<pre class="brush:php;toolbar:false;">$(document).ready(function() {
$('#idtask').change(function() {
var taskVal = $(this).val();
console.log("当前任务值", taskVal);
if (taskVal === "Grass") {
document.getElementById("idspeakerdetailsdiv").style.display = "block";
}
else {
document.getElementById("idspeakerdetailsdiv").style.display = "none";
}
})
$('.lexemeview').click(function() {
$('#accodeformheader').find('input, select').attr('disabled', true);
$('#accodeformheader').find('input, select').attr('required', false);
document.getElementById("accodeformheader").style.display = "none";
buttonType = $(this).attr("id")
activeform(buttonType)
$('#formdisplay').find('input, select').attr('disabled', true);
$('#editbutton').attr('hidden', false);
var accode = $(this).attr("id");
console.log(accode)
$.getJSON("{{url_for('karya_bp.getonespeakerdetails')}}", {
asycaccesscode:String(accode)
}, function(data) {
console.log(data)
metadata = data.speakerdetails.current.workerMetadata
console.log (metadata)
$('#accesscode').attr('value', accode)</pre>
<pre class="brush:php;toolbar:false;"><div id="accodeformheader" style="display: block;">
<div class="form-group">
<label for="idaccesscodefor">Access Code For:</label><br>
<select class="accesscodefor" id="idaccesscodefor" name="accesscodefor" style="width:55%" required></select><br>
</div>
<div class="form-group">
<label for="idtask">Task :</label><br>
<select class="task" id="idtask" name="task" style="width:55%" required></select><br>
</div>
<div id="uploadaccode" style="display: block;"></div>
</div>
<div class="form-group">
<label class="col-form-label">Name:</label>
<input type="text" class="form-control" id="idname" name="sname" placeholder="--Speaker Name--" style="width:55%" value="" required >
</div>
<div class="form-group">
<label for="sagegroup">Age Group: </label> <br>
<select class="age" id="idage" name="sagegroup" style="width:55%" required>
</select><br>
</div>
<div id="idspeakerdetailsdiv" style="display: none;">
<div class="form-group">
<label for="sgender">Gender: </label> <br>
<select class="gender" id="idgender" name="sgender" style="width:55%" required>
</select><br>
</div>
<div class="form-group">
<label for="educationalevel">Educational Level: </label> <br>
<select class="educationlvl" id="idelevel" name="educationalevel" style="width:55%" required>
</select><br>
</div>
<div class="form-group">
<label for="moe12">Medium Of Education (upto 12th): </label><br>
<select class="educationmediumupto12" id="idmediumpre" name="moe12" multiple="multiple" style="width:55%" required>
</select><br>
</div>
<div class="form-group">
<label for="moea12">Medium Of Education (After 12th): </label><br>
<select class="educationmediumafter12" id="idmediumpost" name="moea12" multiple="multiple" style="width:55%" required>
</select><br>
</div>
</div>
<button type="button" id="closebutton" class="btn btn-secondary" data-dismiss="modal">Close</button>
<input type="submit" value="Submit"> <br><br>
</form>
</div></pre></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
如果您不需要，可以简单地删除“required”属性
$('select').removeAttr('required');如果您想重新设置，请按照以下步骤进行：
$('select').prop('required', 'required');如果您想根据id或类删除特定的select2下拉菜单，请按照以下步骤进行：
$('#your_id_name').removeAttr('required');使用类名：
$('.your_class_name').removeAttr('required');同样，您可以根据id和类进行设置，如下所示：
$('#your_id_name').prop('required', 'required');使用类名：
$('.your_class_name').prop('required', 'required');我希望我理解您的问题并给出了正确的答案。