Php WooCommerce可变产品价格x数量变化

我想在数量变化时显示可变产品的价格。我什么都试过了，但失败了。以下代码适用于简单产品，但不适用于可变产品：

<script>
    jQuery(document).ready(function($){
    var prodprice = <?php echo $product->get_price();?>;
    $("[name='quantity']").on('change',function(){
    <?php if($product->is_type( 'simple' )) { ?>
         $( "div.product-type-simple div.entry-summary > p.price > span.woocommerce-Price-amount > bdi" ).html( '<div>$ '+ (this.value * prodprice).toFixed(2) +'</div>' );
    
    <?php } elseif ($product->is_type( 'variable' )){?>
        $( "div.product-type-variable div.woocommerce-variation-price > span.price > span.woocommerce-Price-amount > bdi" ).html( '<div>$ '+ (this.value * <?php echo $product->get_display_price(); ?>).toFixed(2) +'</div>' );
        <?php }?>
            });
});
</script>

jQuery（文档）.ready（函数（$）{
var prodprice=；
$（“[name='quantity']”）。在（'change'，function（）上{
$（“div.product-type-simple div.entry-summary>p.price>span.woocommerce-price-amount>bdi”）.html（“$”+（this.value*prodprice）.toFixed（2）+''；
$（“div.product-type-variable div.woocommerce-variation-price>span.price>span.woocommerce-price-amount>bdi”）.html（'$'+（this.value*）.toFixed（2）+''；
});
});

该代码获取第一个变化值的价格（并且价格也发生了变化），但当我从select标记中选择第二个变化时，价格不会发生变化（事实上，第一个变化价格仍然显示）

但是如果我删除

elseif

语句部分，它将显示两个变量的价格

简而言之，这段代码对于简单的产品是完美的，但对于可变的产品则不然