Javascript 不单独处理循环中的按钮

Question

我有一个循环，它从数据库中检索行并将其吐出到表中。对于每一行，我都会生成一个按钮。因此，如果我有 5 行，则会出现 5 个按钮。目前，当我按下第一个按钮时，该函数会执行它应该执行的操作，即隐藏按钮并放置“按下按钮”。我遇到的问题是好的，我按下了第一个按钮，现在我需要按下第二个按钮。当我按下第二个按钮时，它会隐藏该按钮并且不放置任何文本。另外，如果我先按第二个按钮，它会隐藏第一个和第二个按钮上的按钮，而以前的第一个按钮现在在没有真正按下时显示“按钮已按下”。我想要每个按钮单独工作的地方。这可能吗？

function buttonpressed(button) {
   button.style.visibility = "hidden";
   document.getElementById("ChangeButton1").innerHTML="Button Pressed";
   window.open ('test2.html','newWin', 'width=400,height=400');
}


while($row = odbc_fetch_array($rs)) 
{
echo '
<tr>
<td class="td" valign="top"><p id="ChangeButton"><input type="submit" name="buttonpressed" value="buttonpressed" onclick="SendEmail(this); return false;"></p></td>
</tr>';
}

Answer 1

您有重复的 ID。

相反，从 HTML 中删除 id="ChangeButton"，并将 JS 更改为:

button.parentNode.innerHTML = "Button Pressed";
window.open(...);