Shopify 변종이 JS 작업 후 선택되지 않음

Question

Shopify 용 퍼널 빌더 앱 사용. 변형을 선택하는 1 개의 네이티브 shopify 선택 항목, 추가 된 2 개의 정적 입력 방법 (라디오 버튼 및 입력) 및 JS에서이 입력 값을 가져 와서 선택을 수행하는 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> 

는 그리고 이것은 프런트 엔드에서 작동 내 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); 
}); 

는 마음 - 모든하십시오입니다. 하지만 실제 변종이 선택되지 않은 것을 놓친 것 같습니다. 그러나 다른 옵션이 변경되면 선택 옵션이 올바르게 표시됩니다.

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');