ShopifyのバリアントがJSアクション後に選択されていません

Question

Shopify用のファンネルビルダーアプリを使用しています。バリアントを選択する1つのネイティブshopify選択項目、追加した2つの静的な入力メソッド（ラジオボタンと入力）、およびこれらの2つの入力値を引き出して選択するJSがあります。フロントエンドでは問題は選択値を変更しますが、カートに追加するとデフォルトのオプションが追加されます。

select 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> 

そして、このフロントエンドで動作しますmind-すべてのものにしてください

$(".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); 
}); 

私のjQueryのです。しかし、私は実際のバリアントが選択されていない何かを見逃しているように見えます。ただし、何か他のものが変更された場合、選択オプションが正しく表示されます。

Answer 1

あなたは以下のコードから、選択に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');