使用wordpress功能将输入字段的值设置为0

2024-05-21 • 问答

我正在将wordpress和woocommerce用于网站。

我有一个产品，该产品创建输入字段以将产品的数量添加到购物车中。现在，当有人将其添加到购物车中时，这种数量不会重置。我想重置它，但我认为它需要JS，而且不确定如何使用它。

这就是我所知道的：

输入字段的呈现方式如下：

<input type="number" id="quantity_5dc486fedb5ff" class="input-text qty text" step="1" min="0" max="9999" name="quantity[1293]" value="0" title="Qty" size="4" inputmode="numeric">

Woocommerce有一个在有人向购物车中添加东西后会触发的钩子：

add_filter( 'woocommerce_add_to_cart','clear_bundle_values' );

function clear_bundle_values(){
        //not sure what to put here
}

因此，我需要编写一个函数，该函数在调用此代码时将.quantity input设置为0。

这可能吗？

myhappy36 回答：使用wordpress功能将输入字段的值设置为0

如果数量字段始终具有相同的ID，则可以使用以下原始JavaScript：

document.getElementById('quantity_5dc486fedb5ff').value = '0';

否则，您可以通过其类名“ qty”（注意复数Element s ）来定位它：

document.getElementsByClassName('qty')[0].value = '0';

如果您可以访问jQuery，则即使ID发生了变化，只要以'quantity_'开头，就可以使用正则表达式来定位输入字段：

$("input[id^='quantity_']").val('0');

更新：在上下文中，这将是：

    function clear_bundle_values(){
    ?>
    <script>
        document.getElementById('quantity_5dc486fedb5ff').value = '0';
    </script>
    <?php
    }

hook-woocommerce input javascript

本文链接：https://www.f2er.com/3141576.html

使用wordpress功能将输入字段的值设置为0

myhappy36 回答：使用wordpress功能将输入字段的值设置为0

大家都在问