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(...);

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

1 个答案: