select2的必填项为false时,jquery无效
P粉775788723
P粉775788723 2023-09-03 10:06:25
[HTML讨论组]
<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;">&lt;div id="accodeformheader" style="display: block;"&gt; &lt;div class="form-group"&gt; &lt;label for="idaccesscodefor"&gt;Access Code For:&lt;/label&gt;&lt;br&gt; &lt;select class="accesscodefor" id="idaccesscodefor" name="accesscodefor" style="width:55%" required&gt;&lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="idtask"&gt;Task :&lt;/label&gt;&lt;br&gt; &lt;select class="task" id="idtask" name="task" style="width:55%" required&gt;&lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;div id="uploadaccode" style="display: block;"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label class="col-form-label"&gt;Name:&lt;/label&gt; &lt;input type="text" class="form-control" id="idname" name="sname" placeholder="--Speaker Name--" style="width:55%" value="" required &gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="sagegroup"&gt;Age Group: &lt;/label&gt; &lt;br&gt; &lt;select class="age" id="idage" name="sagegroup" style="width:55%" required&gt; &lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;div id="idspeakerdetailsdiv" style="display: none;"&gt; &lt;div class="form-group"&gt; &lt;label for="sgender"&gt;Gender: &lt;/label&gt; &lt;br&gt; &lt;select class="gender" id="idgender" name="sgender" style="width:55%" required&gt; &lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="educationalevel"&gt;Educational Level: &lt;/label&gt; &lt;br&gt; &lt;select class="educationlvl" id="idelevel" name="educationalevel" style="width:55%" required&gt; &lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="moe12"&gt;Medium Of Education (upto 12th): &lt;/label&gt;&lt;br&gt; &lt;select class="educationmediumupto12" id="idmediumpre" name="moe12" multiple="multiple" style="width:55%" required&gt; &lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="moea12"&gt;Medium Of Education (After 12th): &lt;/label&gt;&lt;br&gt; &lt;select class="educationmediumafter12" id="idmediumpost" name="moea12" multiple="multiple" style="width:55%" required&gt; &lt;/select&gt;&lt;br&gt; &lt;/div&gt; &lt;/div&gt; &lt;button type="button" id="closebutton" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt; &lt;input type="submit" value="Submit"&gt; &lt;br&gt;&lt;br&gt; &lt;/form&gt; &lt;/div&gt;</pre></p>
P粉775788723
P粉775788723

全部回复(1)
P粉762730205

如果您不需要,可以简单地删除“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');

我希望我理解您的问题并给出了正确的答案。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号