按名稱獲取具有$ key的元素

Question

PHP

<input type="number"  min="0" max="500" value="" name="qty<?php echo $key ?>" id="<?php echo $key ?>" onChange="findTotal()" />

JS

function findTotal() {
    var arr = document.getElementsByName('qty');
    ....
}

如何通過名稱獲取其中包含$key元素？

Answer 1

假設$ key是'x'。 然后，您可以使用getElementbyID（'x'），因為回顯$ key與放置id =“ x”相同。

Answer 2

哦，我明白了。 您有一系列具有不同數量鍵的行。

然后試試這個。

在PHP中：

<input type="number" min="0" max="500" value="" name="qty<?php echo $key ?>" id="<?php echo $key ?>" onChange="findTotal('qty<?php echo $key?>')" />

在JS中：

 function findTotal(key) {
    var arr = document.getElementsByName(key);
    ....
}

Answer 3

您可以將this作為你的函數，那么PARAMS你可以從你的函數時onchange事件執行調用它的名稱或ID！

//assign this
<input type="number"  min="0" max="500" value="" name="qty<?php echo $key ?>" id="<?php echo $key ?>" onChange="findTotal(this)" />

function findTotal(current) {
  var arr = current.name; // current.id for id
  alert(arr);    
}

Answer 4

由於您的name是動態的，因此除非您的JS有某種了解動態name （例如，如果您具有它們的列表並且正在循環運行它們），否則您無法通過name獲取元素。

對於您的情況，您可能想要嘗試使用此處概述的data屬性： Mozzila-使用數據屬性

您還可能能夠利用this作為這個答案概述： 使用Javascript獲取元素值-回答的yorick

讓我知道是否有幫助。 如果您可以提供有關特定實現的更多信息，我也許可以完善此答案。

干杯!