首页 > 解决方案 > 使用 Ajax 时通过 Javascript 设置 ACF select2 选项

问题描述

我正在尝试在 Ajax 延迟加载的 Advanced Custom Fields select2 下拉列表中选择一个选项。新的 Javascript API 非常强大,但我不知道在 Ajax 运行时如何设置选项。

这在没有 Ajax 的情况下有效,但不适用于:

var select = acf.getField('field_5c6ce2e0b5780');
select.select2.selectOption(7);

任何人都知道如何使用 Ajax 进行这项工作?

标签: javascriptajaxwordpressadvanced-custom-fields

解决方案


在筛选 acf-input.js 和 Select2 文档后,我找到了一种使用该方法的addOption方法。我不确定这是否是一种解决方法,但它适用于我的情况。

var select = acf.getField('field_5c6ce2e0b5780');
select.select2.addOption({
          id: 12345,
          text: 'New Option',
          selected: true
        });

这似乎是在列表中添加一个新选项,但它不会覆盖从 Ajax 中提取的选项,因此它适用于我的情况。


推荐阅读