Shopify-Variante wird nach JS-Aktion nicht ausgewählt

Question

Verwenden der Funnel Builder-App für Shopify. Habe 1 native shopify, wähle das Element aus, das Varianten auswählt, 2 andere statische Eingabemethoden, die ich hinzugefügt habe (Optionsfelder und Eingabe), und JS, die Eingabewerte aus diesen 2 zieht und die Auswahl darauf anwählt. Das Problem ist - am Frontend ändert sich der ausgewählte Wert, aber wenn ich zum Warenkorb hinzufüge, wird immer noch die Standardoption hinzugefügt.

Das ausgewählte HTML sieht so aus.

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

Und das ist meine 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); 
}); 

halten in Geist-alles auf dem vorderen Ende funktioniert. Aber es sieht so aus, als ob mir etwas fehlt, dass die aktuelle Variante nicht ausgewählt ist. Die Option wird jedoch korrekt angezeigt, wenn etwas anderes geändert wird.

Answer 1

Sie haben change Ereignis an die Auswahl auszulösen, da der folgenden Code:

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

ändern nur den Wert der Auswahl aber nicht das tatsächliche change Ereignis ausgelöst.

Es sollte so sein:

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