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

【问题标题】：Javascript not treating buttons in loop individuallyJavascript不单独处理循环中的按钮
【发布时间】：2014-01-29 23:42:59
【问题描述】：

我有一个循环，它从数据库中检索行并将其吐出到表中。对于每一行，我都有一个生成的按钮。所以如果我有 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>';
}

【问题讨论】：

标签： javascript php html button

【解决方案1】：

您有重复的 ID。

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

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

【讨论】：