JS操作后未選擇Shopify變體

Question

為Shopify使用渠道構建器應用。 得到了1個用於選擇變體的本機shopify select項，我添加的2個其他靜態輸入法（單選按鈕和輸入），以及JS從這2個中提取輸入值並將其設置為select的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);
});

請記住-一切都在前端工作。 但似乎我缺少了未選擇實際變體的東西。 但是，如果更改了其他內容，則select選項會正確顯示。

Answer 1

由於以下代碼，您必須觸發對select的change事件：

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

僅更改選擇的值，但不會觸發實際的change事件。

它應該變成這樣：

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