javascript - 我想更新特定的文本框值

Question

我有一些数据库结果，我将它们填充到表单中，我有以下代码:

<input type='button' name='add' onclick='javascript: addQty();' value='+'/>
<span><?php echo $records['ct_qty']; ?></span>
<input type="text" class="gridder_input" name="quant[]" class="quant" id="quant[]" />
<input type='button' name='subtract' onclick='javascript: subtractQty();' value='-'/>

所以我想在用户按下“quant”按钮时更新特定行:

function addQty() {
    document.getElementById("quant").value++;
}

function subtractQty() {
    if (document.getElementById("quant").value - 1 < 0) {
        return;
    } else {
        document.getElementById("quant").value--;
    }
    updateQuantity();
}

当我有一行时，这段代码有效，当我有两行或更多行时，没有任何作用，所以我可能必须使用这个词或其他东西？

Answer 1

您可以使用同级选择器定位近端输入。

function addQty(elm) {
  elm.nextElementSibling.nextElementSibling.value++;
}

function subtractQty(elm) {
  if (elm.previousElementSibling.value - 1 < 0) {
    return;
  } else {
    elm.previousElementSibling.value--;
  }
  updateQuantity();
}

<input type='button' name='add' onclick='javascript: addQty(this);' value='+' />
<span><?php echo $records['ct_qty']; ?></span>
<input type="text" class="gridder_input" name="quant[]" class="quant" id="quant[]" />
<input type='button' name='subtract' onclick='javascript: subtractQty(this);' value='-' />