JS 操作后未选择 Shopify 变体答案

【问题标题】：Shopify Variant Is Not Selected After JS actionJS 操作后未选择 Shopify 变体
【发布时间】：2017-12-27 02:57:28
【问题描述】：

使用 Shopify 的漏斗构建器应用。有 1 个选择变体的原生 shopify 选择项，我添加的 2 个其他静态输入方法（单选按钮和输入），以及从这 2 个中提取输入值并为其设置选择的 JS。问题是 - 在前端，它改变了选择值，但是当我添加到购物车时，它仍然在添加默认选项。

选择的 html 看起来像这样。

<select class="form-control variant_Quantity" onchange="change_product_variant(this);" id="select_61">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option> 
</select>

这是我的 jQuery

$(".pricelinewrap").each(function(){
    $(this).click(function(){    
        $(this).find("input[type=radio]").prop('checked', 'checked');
        var quanval =  $(this).find("input[type=radio]").prop('checked', 'checked').val();
        $("input[name='quantity']").val(quanval);
        $("select#select_62").val(quanval);
    });
});

$("input[name='quantity']").change(function(){
    var newquanval = $(this).val();
    $("select#select_62").val(newquanval);
});

请记住 - 一切都在前端工作。但看起来我错过了一些没有选择实际变体的东西。但是，当其他内容发生更改时，选择选项会正确显示。

【问题讨论】：

标签： javascript jquery shopify

【解决方案1】：

你必须触发change事件来选择，因为下面的代码：

$("input[name='quantity']").val(quanval);
$("select#select_62").val(quanval);

仅更改 select 的值，但不会触发实际的 change 事件。

应该变成这样：

$("input[name='quantity']").val(quanval).trigger('change');
$("select#select_62").val(quanval).trigger('change');

【讨论】：