如何在AJAX更新选项后触发EasyAdmin自动完成选择框的变更？

在Symfony 5.3.16项目中使用EasyAdmin 3.5开发自定义页面，页面包含依赖联动的选择框：第一个选择框触发AJAX调用，清空并重新填充后续选择框的选项。
已为字段添加自动完成功能，FormType配置如下：

->add('customer', EntityType::class, [
    'class' => Customer::class,
    'label' => 'OU Client',
    'required' => false,
    'placeholder' => 'Sélectionnez un client',
    'attr' => [
        'data-ea-widget' => 'ea-autocomplete',
    ],
])

自动完成功能初始正常，但AJAX更新选择框选项后，自动完成未同步更新，需要执行什么JavaScript命令来触发ea-autocomplete字段的更新？

EasyAdmin的ea-autocomplete基于Select2实现，AJAX更新选项后需要重新初始化或刷新组件，以下是两种可行方案：

• 销毁旧实例并重新初始化
  在AJAX请求完成、选择框选项更新完毕后，执行以下代码（替换#your-selector为目标选择框的CSS选择器）：

// 销毁已存在的Select2实例
$('#your-selector').select2('destroy');
// 重新初始化ea-autocomplete组件
$('#your-selector').select2({
    theme: 'bootstrap4',
    width: '100%',
    dropdownAutoWidth: true,
    allowClear: true
});

这种方式适合选项完全替换的场景，能彻底清除旧数据残留。

• 直接触发组件变更事件
  如果只是小范围更新选项，也可以直接触发Select2的变更事件来同步：

$('#your-selector').trigger('change.select2');

注意：务必将上述代码放在AJAX请求的success回调或done()方法内，确保DOM元素的选项已经更新完成后再执行。

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