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">
<標籤類別=“col-form-label”>名稱：
<div class="form-group">
<標籤=“sagegroup”>年齡組： <br>
<選擇 class="age" id="idage" name="sagegroup" style="width:55%" 必要>;
</選擇><br>
<div class="form-group">
<標籤=“sgender”>性別：</label> <br>
<選擇 class="gender" id="idgender" name="sgender" style="width:55%" 必要>
</選擇><br>
<div class="form-group">
<br>
<選擇 class="educationlvl" id="idelevel" name="educationalevel" style="width:55%" 必要>
</選擇><br>
<div class="form-group">
<label for="moe12">教育程度（最多 12 級）：</label><br>
<選擇 class="educationmediumupto12" id="idmediumpre" name="moe12" multiple="multiple" style="width:55%" 必要>;
</選擇><br>
如果您不需要，可以簡單地刪除「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');我希望我理解您的問題並給出了正確的答案。