在产品页面上，如何以编程方式设置变体值

Question

我有一款产品旨在用于为多个运动队注册和支付费用。所有团队共享相同的费用，并且可以有 3 种不同的变体：“1 节”、“2 节”、“3 节”，每个都有不同的价格点。

这就是产品页面现在的样子（还没有设计样式）。 “团队”字段、“会话信息”字段和“会话”选择将隐藏在最终样式中。

团队使用“自定义帖子类型”插件进行处理。然后我使用 ACF 来允许自定义字段。对于团队，他们有 3 个字段用于 3 种会话类型。每个会话（因此变体）可以有多个版本：“6 月 1 - 7 日”和“六月 7-14”将被视为“1 个会话变体”。使用代码，我将这 3 个字段分开并分离各个会话，然后使用这些选项进行选择。这是有效的，与问题无关。

这就是测试会话的样子，当一切都完成时，它们会有专有名称。选择的前 2 个应该将变体下拉更改为“一个会话”，第三个将更改为“两个会话”等。出于测试目的，我使用“测试”按钮来尝试更改变体，但在最终版本将使用生成的选择（上图）。

document.getElementById('TEST').onclick = function(){
        document.getElementById('session').selectedIndex = 2;
    };

这是我正在使用的代码。这就是我的问题产生的地方。更改选定的索引不会更改价格，当我单击“添加到购物车”时，我会收到“为会话发布的值无效”错误。看起来视觉变化，但后端部分没有。

我主要问的是如何更改变体并触发其 onchange、woocommerce_variation_change 或任何事件。