Select2联动问题：根据选项禁用另一个Select2，求排查代码问题

一、核心错误点梳理 #

1. JavaScript逻辑与this指向问题 #

• 逻辑完全写反：需求是选择「Daily」时启用「Days」选择器，选择「Monthly」时禁用，但当前代码两个分支都调用了select2('disable')，完全违背预期逻辑。
• this指向错误：通过onchange="myFunction()"调用函数时，this默认指向window而非触发事件的选择器元素，导致无法正确获取当前选中值。

2. 表单代码语法错误 #

两个Form::select的参数数组末尾多了冗余逗号，会导致PHP解析失败，生成不完整的HTML，进而影响JS功能正常运行：

• 第一个选择器的属性数组最后多了逗号：'required' => 'true',
• 第二个选择器的属性数组最后多了逗号：'required' => 'true',

二、修复后的完整代码 #

修复后的表单代码 #

{{ Form::select('type', $type, null, ['class' => 'form-control select2', 'onchange' => 'myFunction(this)', 'id' => 'recurring_type', 'required' => 'true']) }}

{{ Form::select('days', $days, null, ['class' => 'form-control select2', 'id' => 'days', 'required' => 'true']) }}

修复后的JavaScript代码 #

function myFunction(el) {
  if($(el).val() === 'Daily') {
       $('#days').select2('enable');
  } else {
        $('#days').select2('disable');
  }
}

可选优化：如果页面加载时需要根据type的初始值自动设置days的状态，可以在页面就绪时添加以下代码：

$(document).ready(function() {
  myFunction($('#recurring_type')[0]);
});

内容的提问来源于stack exchange，提问作者Unkown Kid