Laravel 10+Filament v2.17.55 Select组件默认选中项设置异常求助

代码层面修复方案 #

优先通过Filament原生方法排查解决：

• 检查模型绑定与字段状态
  若该Select关联模型字段，确认模型中choice_id的默认值是否正确；如果是编辑表单，模型现有值会覆盖default设置，仅新建表单会生效。

• 补充selected属性
  尝试添加->selected(1)强制指定选中项，部分场景下能修复默认值不生效问题：

  Forms\Components\Select::make('choice_id')
      ->label(__('Choices'))
      ->options([
          1 => 'Yes',
          0 => 'No'
      ])
      ->default(1)
      ->selected(1),
  

• 匹配键值类型
  若模型choice_id为字符串类型，将选项键改为字符串格式：

  ->options([
      '1' => 'Yes',
      '0' => 'No'
  ])
  ->default('1')
  

JavaScript修复方案（代码方案无效时） #

1. 给组件添加标识属性
   为Select组件添加自定义属性用于JS定位：

   Forms\Components\Select::make('choice_id')
       ->label(__('Choices'))
       ->options([
           1 => 'Yes',
           0 => 'No'
       ])
       ->default(1)
       ->extraAttributes(['data-select-choice' => 'true']),
   

2. 注入自定义JS代码
   在对应Filament页面类（如CreateRecord或EditRecord）中，通过registerScripts方法添加逻辑：

   protected function registerScripts(): void
   {
       parent::registerScripts();
       
       $this->registerScript(<<<'JS'
           document.addEventListener('DOMContentLoaded', function() {
               const selectEl = document.querySelector('[data-select-choice="true"]');
               if (selectEl) {
                   selectEl.value = '1';
                   selectEl.dispatchEvent(new Event('change'));
               }
           });
       JS);
   }
   

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