如何在添加到WooCommerce购物车时重置所有字段

问题描述：

我正在使用WooCommerce开发网站，并使用插件产品插件为正在购买的物品添加额外的文本字段（名称，电子邮件地址，电话号码等）。当有人点击“添加到购物车”时，该网站当前将产品添加到购物车，刷新页面，但之前的数据仍保留在字段中。我想重置所有的字段，并在添加产品后将它们清空。如何在添加到WooCommerce购物车时重置所有字段

我尝试使用此功能：

(function($) { 
    $(document.body).on('added_to_cart', function() { 
      $('input').val(''); } 
     ); 
}) (jQuery);

有什么建议？

你可能想看看这个： https://stackoverflow.com/questions/6364289/clear-form-fields-with-jquery –

不知道这会工作，因为我需要确保的内容表单被提交到购物车，然后重新设置字段。 –

答

试试这个动作钩在你的插件或主题的functions.php文件

add_filter('woocommerce_checkout_get_value', 'misha_clear_checkout_fields_vals'); 

function misha_clear_checkout_fields_vals($input){ 
     return ''; 
}

嗯。这似乎并不奏效。我确实在寻找一个钩子，谢谢，但是这个不会清空这些区域。也许是因为这些字段是从一个插件生成的，而不是来自Woocommerce本身。这些字段的名称如下：name =“addon-484-last-name-3 [0]”等等。 –

答

如果页面刷新字面本身那么它是不是在所有的标准。它只是为了更新菜单右上角的迷你车，并通过ajax添加产品。在这种情况下，您不能清空某些事件上的所有字段，因为页面正在刷新，您需要做的是在code.ready函数下编写代码，在公共类或输入上执行$ .each函数并清空输入领域。

对不起，不知道你的意思。页面不会自我刷新，只有当有人点击添加到购物车按钮时才会刷新页面。 –

当您点击普通woocommerce上的普通添加到购物车按钮时，它会发布产品数据，并通过表单添加产品到购物车，但在您点击添加到购物车按钮的情况下，您立即将产品通过ajax添加到购物车，成功后，您的JavaScript重新加载页面。这就是我刷新或重新加载页面的意思。 –

如何在添加到WooCommerce购物车时重置所有字段

相关推荐