使用Zapier CLI构建应用：能否通过前置步骤值设置动作下拉框选中项？

阿华AIGC实验室

2026-5-20

可以基于Zap前置步骤的值设置下拉菜单的选中项

当然可以！在Zapier CLI构建的应用中，你完全可以利用Zap的上下文数据，将前置步骤的结果预设为action里下拉菜单的选中项。下面是具体的实现思路和代码示例：

核心思路

Zapier会把当前Zap中所有前置步骤的数据通过bundle对象传递给你的action代码。你只需要在下拉字段的配置中，通过default回调函数从bundle里取出前置值，并返回给下拉字段作为默认选中项——只要这个值和下拉选项的value完全匹配，Zapier就会自动选中对应的选项。

具体实现步骤

1. 配置下拉字段的`default`回调

在你的action字段定义中，为目标下拉字段添加default函数，用来从前置步骤获取值。这里假设你的下拉菜单数据源是名为hidden_trigger的隐藏触发器，它通过get_options方法返回下拉选项。

2. 确保前置值能被正确访问

你有两种方式获取前置步骤的值：

方式一：让用户手动映射（更灵活）：添加一个辅助字段，让用户在Zap配置界面把前置步骤的目标字段映射过来，然后在default函数中读取这个辅助字段的值。
方式二：直接访问Zap步骤数据（需知道步骤key）：通过bundle.zap.steps直接获取前置步骤的输出，但这种方式依赖固定的步骤key，适合你能控制Zap步骤结构的场景。

代码示例

方式一：用户映射前置值（推荐）

在你的action文件（比如actions/my_action.js）中：

const perform = async (z, bundle) => {
  // 这里写你的action执行逻辑
  return { success: true };
};

const fields = [
  // 辅助字段：用来接收用户从前置步骤映射过来的值
  {
    key: 'pre_selected_value',
    label: '前置步骤传递的值',
    type: 'string',
    required: false,
    hidden: true, // 可以把这个字段设为隐藏，避免用户手动修改
  },
  // 目标下拉字段
  {
    key: 'target_dropdown',
    label: '我的下拉菜单',
    type: 'dynamicDropdown',
    dynamic: 'hidden_trigger.get_options', // 关联你的隐藏触发器数据源
    default: (bundle) => {
      // 从辅助字段中取出前置值，返回作为默认选中项
      return bundle.inputData.pre_selected_value;
    },
    required: true,
  },
];

module.exports = {
  key: 'my_action',
  noun: 'Item',
  display: {
    label: '带预设下拉的Action',
    description: '基于前置步骤值预设下拉选中项的Action',
  },
  perform,
  fields,
};

方式二：直接访问前置步骤输出

如果知道前置步骤的key（比如previous_step），可以直接在default函数中读取：

default: (bundle) => {
  // 获取前置步骤的输出数据
  const previousOutput = bundle.zap.steps.previous_step?.output;
  // 返回前置步骤中对应的字段值，假设字段名为`selected_option`
  return previousOutput?.selected_option || '';
}