You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

基于JSON负载实现表单按答案跳转章节的技术问询

表单答案跳转规则的JSON实现

以下是完全符合你需求的表单JSON配置,我采用通用的表单结构规范,通过conditional_logic字段定义所有跳转逻辑:

{
  "form_title": "产品规格配置表单",
  "sections": [
    {
      "id": "variation_check",
      "title": "产品规格检查",
      "fields": [
        {
          "id": "has_variations",
          "type": "radio",
          "label": "该产品是否有多规格选项(如不同尺寸或颜色)",
          "options": [
            {"value": "yes", "label": "Yes"},
            {"value": "no", "label": "No"}
          ],
          "conditional_logic": [
            {
              "trigger": "value",
              "operator": "equals",
              "value": "yes",
              "action": "jump_to_section",
              "target_section_id": "variation_type_section"
            },
            {
              "trigger": "value",
              "operator": "equals",
              "value": "no",
              "action": "submit_form"
            }
          ]
        }
      ]
    },
    {
      "id": "variation_type_section",
      "title": "Type of Variation",
      "fields": [
        {
          "id": "variation_type",
          "type": "radio",
          "label": "选择规格类型",
          "options": [
            {"value": "list", "label": "List Variation"},
            {"value": "other", "label": "其他类型"}
          ],
          "conditional_logic": [
            {
              "trigger": "value",
              "operator": "equals",
              "value": "list",
              "action": "jump_to_section",
              "target_section_id": "option_section"
            }
          ]
        }
      ]
    },
    {
      "id": "option_section",
      "title": "Option",
      "fields": [
        {
          "id": "option_type",
          "type": "select",
          "label": "选择选项类型",
          "options": [
            {"value": "size", "label": "尺寸"},
            {"value": "color", "label": "颜色"},
            {"value": "custom", "label": "Select this if you want to enter a different option"}
          ],
          "conditional_logic": [
            {
              "trigger": "value",
              "operator": "not_equals",
              "value": "custom",
              "action": "jump_to_section",
              "target_section_id": "option_values_section"
            },
            {
              "trigger": "value",
              "operator": "equals",
              "value": "custom",
              "action": "jump_to_section",
              "target_section_id": "custom_option_section"
            }
          ]
        }
      ]
    },
    {
      "id": "option_values_section",
      "title": "Option Values",
      "fields": [
        {
          "id": "option_values",
          "type": "text",
          "label": "输入规格值(如S/M/L)"
        }
      ]
    },
    {
      "id": "custom_option_section",
      "title": "Custom Option Name",
      "fields": [
        {
          "id": "custom_option_name",
          "type": "text",
          "label": "输入自定义规格名称"
        }
      ]
    }
  ],
  "submit_button_label": "提交表单"
}

关键逻辑说明:

  • 第一个单选框通过conditional_logic分别处理Yes/No的跳转和提交动作
  • 规格类型选择后,仅当选中List Variation时才跳转到Option章节
  • Option下拉框通过not_equals匹配非自定义选项,跳转到规格值章节;选中自定义选项则跳转到自定义名称章节

内容的提问来源于stack exchange,提问作者Joseph Torres

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 21:03:26