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

很难用周围的所有 wordpress/woocommerce 代码进行调试， 不过我想我已经找到了问题所在。

您不仅将值更改为 10，而且还禁用了阻止提交它的元素。而不是禁用你应该让它只读：

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

当心！这确实可以防止大多数用户输入更少的内容，但有代码经验的人可以检查代码，删除只读或禁用标签，然后更改值。您必须检查服务器端的无效值。