You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel+JS实现:根据数组值勾选jQuery Multiselect复选框

实现jQuery Multiselect根据数组自动勾选匹配选项

步骤1:确保插件完成基础初始化

先确认你已经正确初始化了jQuery Multiselect插件:

$('select[name="educational_qualification[]"]').multiselect();

步骤2:将后端数组传递到前端

把PHP的$job->education数组转换为前端可识别的JavaScript数组:

<script>
var preSelectedEducations = <?php echo json_encode($job->education); ?>;
</script>

步骤3:执行自动勾选逻辑

利用插件自带的select方法,完成匹配选项的自动勾选:

$(document).ready(function() {
    // 初始化并获取多选插件实例
    var $eduSelect = $('select[name="educational_qualification[]"]').multiselect();
    
    // 批量勾选匹配选项(多数插件版本支持直接传入数组)
    $eduSelect.multiselect('select', preSelectedEducations);
    
    // 若批量方法无效,可改用遍历逐个勾选
    // preSelectedEducations.forEach(function(eduValue) {
    //     $eduSelect.multiselect('select', eduValue);
    // });
});

关键注意事项

  • 必须保证$job->education中的值与下拉框<option>的value属性完全一致(包括大小写、空格、格式),否则无法匹配勾选。
  • 如果下拉选项是异步加载的,需要在选项加载完成后再执行勾选逻辑,避免因选项未存在导致勾选失败。

内容的提问来源于stack exchange,提问作者Dhruv

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 11:40:58