jQueryカートに持ち越される商品ページの入力値を変更

Question

特定の選択オプションの値を設定するためにjQueryを使用しています。ユーザーが特定のオプションを選択した場合、設定数量（この場合は10）を購入する必要があります。私はval()を使用していますが、カートに商品を追加するとカートのページには1だけ表示されます。使用するはずの別のjQuery関数がありますか、もっと多くのコードが必要ですか？

jQuery(function($) { 
    $('form').on('change', '#purchase', function(){ 
     if($(this).val()=="Table of 10") { 
      $('input[type="number"]').val("10").prop('disabled', true); 
     } 
    }); 
}); 

Answer 1

それは私が私も問題を発見したと思う 、周りのすべてのワードプレス/ woocommerceコードをデバッグするのは難しいです。

値を10に変更するだけでなく、送信を妨げる要素も無効にしています。無効にする代わりに、読み取り専用にする必要があります。

jQuery(function($) { 
    $('form').on('change', '#purchase', function(){ 
     if($(this).val()=="Table of 10") { 
      $('input[type="number"]').val("10").prop('readonly', true); 
     } 
    }); 
}); 

BEWARE！これにより、ほとんどのユーザーの入力を少なくすることができますが、コードに精通した人がコードを検査したり、読み取り専用タグを削除したり、値を変更したりすることができます。無効な値のサーバー側をチェックする必要があります。