如何使用 javascript 从 php 循环中获取按钮值？ [复制]答案

【问题标题】：How get button value from php loop using javascript? [duplicate]如何使用 javascript 从 php 循环中获取按钮值？ [复制]
【发布时间】：2019-10-27 18:46:20
【问题描述】：

我正在尝试对列表的每个元素使用 javascript 进行操作（删除和编辑）。我从 mysql 数据库中获取了列表。 javascript 函数只返回列表的最后一个值。 enter image description here

这是php后端

do{
     echo " <li class='list-group-item note'><div><strong>".$fetch['title']."</strong>
     <small>".$fetch['notedate']."</small></div>
     <div>
     <button type='button' class='btn btn-outline-primary' id='edit' value=".$fetch['id'].">&#9998;</button>
     <button type='button' class='btn btn-outline-danger' onClick='deleteData()' id='delete' value='".$fetch['id']."'>&times;</button>
     </div>
     </li>";
    }
    while ($fetch = mysqli_fetch_array($mysqli_query));

javascript：

function deleteData (){
var acc = document.getElementById("delete");
alert (acc);  
}

我希望 javascript 函数单独返回按钮的值。例如：如果我单击 value=2 的按钮，javascript 应该返回 2，如果是 3，则返回 3。

【问题讨论】：

除非您有特定的理由故意使用do-while() 循环来迭代您的结果集，否则这可能是个坏主意，因为它在每次迭代后获取行（假设存在一行）。

标签： javascript php

【解决方案1】：

这应该可行。此外，您还需要为“id”设置唯一值

do{
         echo " <li class='list-group-item note'><div><strong>".$fetch['title']."</strong>
         <small>".$fetch['notedate']."</small></div>
         <div>
         <button type='button' class='btn btn-outline-primary' id='edit' value=".$fetch['id'].">&#9998;</button>
         <button type='button' class='btn btn-outline-danger' onClick='deleteData(this.value)' id='delete' value='".$fetch['id']."'>&times;</button>
         </div>
         </li>";
        }
        while ($fetch = mysqli_fetch_array($mysqli_query));

然后

    function deleteData (acc){
      alert (acc);  
   }

【讨论】：