Question

我在Woocommerce的产品页面上弹出一个带有变体图片和每个变体单独按钮的弹出窗口。我想在用户单击特定按钮后更改版本。

我尝试将jQuery选择添加到特定选项，但是它不会更新变化数据，而只是更新选择输入。

当我在DevTools中观看表格后，通过经典方式更改表格时，表格本身没有任何变化。

我也尝试过使用jQuery更改Select值，但它根本不起作用：

jQuery('#choose-berlin').click(function() {

        jQuery('#city').val("Berlin").change();

    });

选择结构：

<select id="city" class="" name="attribute_city" data-attribute_name="attribute_city" data-show_option_none="yes">
<option value="">Choose option</option>
<option value="Berlin" class="attached enabled">Berlin</option>
<option value="London" class="attached enabled">London</option>
</select>

弹出窗口中的按钮之一：

<a href="#" role="button" id="choose-berlin">
    Choose Berlin
</a>

如何正确触发变化变化？

Answer 1

尝试以下方法：

jQuery('#choose-berlin').click(function() {
        jQuery('#city').val("Berlin").trigger('change');
});

这假设您在.variations_form表单中将城市添加为属性。

在Woocommerce中，有很多基础功能，其中的variant字段具有change上的动作监听器和其他几个自定义事件。如果您使用JS更改选择字段，则需要确保对选择项触发更改操作。

单击自主按钮后，使用jQuery更改Woocommerce产品变体

1 个答案: