javascript - Javascript getElementsByName在PHP循环中不起作用

我有以下PHP代码：

//some code
$query = "SELECT * from store_00_transfers";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result)){

    echo "<tr><td align=center width=19%>{$row['item_no']}</td><td align=center><input type='text' value='{$row['qty']}' name='cqty[]' readonly ></td><td align=center><input type='number' min='0' name='nqty[]' onChange='check_not_large(this.value);' value='0'></td></tr>";

}

//rest of code

现在，您可以看到onChange中有一个函数。该功能旨在检查用户为新数量插入的数量是否不应超过旧数量（我使用此方法将数量从一个商店转移到另一家商店）。

另请注意，我在输入字段中分配了名称cqty[]和nqty[]。

我有JavaScript代码：

<script>
function check_not_large(res) {

  var old = document.getElementsByName("cqty[]");
  var type= document.getElementsByName("nqty[]");
  for(var i = 0; i < old.length; i++) {
    if(type[i].value > old[i].value){

      alert('Error : Qty Inserted should be Less than QTY found in Store !');
      alert(type[i].value);
      alert(old[i].value);
      return type[i].value = 0;

    }

  }
}

</script>

我已经在javascript中使用alert来测试是否收集了正确的值，并且看来它可以按需工作，但是不能用于验证新数量是否大于旧数量，看来它仅适用于前4行，然后它卡住了，并开始与第一个旧数量行中的任何行开始验证新数量。.我希望这对您有意义。

任何替代或建议将不胜感激。

哥们，谢啦

最佳答案

代码的问题是，每次将值输入到nqty和onchange时，都会调用check_not_large函数，它不仅验证当前行的nqty和cqty值，而且还验证所有先前的nqty和cqty行值。仅检查当前行的nqty值是否大于cqty值，更巧妙的代码是为每个nqty和cqty元素赋予一些唯一的id值。可以如下优化该代码。

PHP代码

$query = "SELECT * from store_00_transfers";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result)){
echo "<tr>
        <td align=center width=19%>{$row['item_no']}</td>
          <td align=center>
             //instead of name attribute you can give an id here and also assuming $row['item_no'] is unique
             <input type='text' value='{$row['qty']}'    id='cqty{$row['item_no']}' readonly >//assuming item_no is unique
         </td>
         <td align=center>
           //instead of name attribute you can give an id here and also  assuming $row['item_no'] is unique
           <input type='number' min='0' id="nqty{$row['item_no']}"    onChange='check_not_large({$row['item_no']});' value='0'>
        </td>
        </tr>";

}

JavaScript代码

<script>
    function check_not_large(item_no) {
       var cqtvVal=document.getElementById("cqtv"+item_no).value;
       var nqtvVal=document.getElementById("nqtv"+item_no).value;
       //checking if typed value is greater than old value
       if(nqtvVal>cqtvVal)
       {
         //write whatever code you want to do like give a warning message or make the nqtv value reset to zero etc
       }

   }
 </script>