Question

我正在尝试向我网站上的woocommerce中的数量字段添加“递增/递减按钮” - http://tbdemo.tk/aquapark/tickets/

/woocommerce/templates/global/quantity-input.php中的代码是：

echo "<script>

var i = 0;
    function buttonClick() {
        document.getElementById('inc').value = ++i;
</script>";




if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>
<div class="quantity">
<form>
	<input  type="number" id="inc" onfocus="if(this.value == '0') { this.value = ''; }" step="<?php echo esc_attr( $step ); ?>" min="<?php echo esc_attr( $min_value ); ?>" max="<?php echo esc_attr( $max_value ); ?>" name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" />
	<input type="button" onclick="buttonClick()" value="Increment Value" />
	</form>
</div>

但它不起作用。

如何仅在OnFocus字段上增加值？并非所有输入字段....

谢谢！

Answer 1

你在功能结束时忘记了'}'。

echo "<script>

var i = 0;
    function buttonClick() {
        document.getElementById('inc').value = ++i;
  }
</script>";




if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>
<div class="quantity">
<form>
	<input  type="number" id="inc" onfocus="if(this.value == '0') { this.value = ''; }" step="<?php echo esc_attr( $step ); ?>" min="<?php echo esc_attr( $min_value ); ?>" max="<?php echo esc_attr( $max_value ); ?>" name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" />
	<input type="button" onclick="buttonClick()" value="Increment Value" />
	</form>
</div>

WooCommerce输入字段 - 递增/递减字段按钮

1 个答案: