javascript - 显示正确的 ID

Question

我在使用此代码时遇到问题。我正在为自己制作一个论坛来测试我的技能（看起来像这样），现在我无法显示正确的 ID。我需要某些 ID，但是当我在这里测试此代码时，它会为每个反应显示 1 个相同的 ID。我不确定为什么？也许<script>在foreach中不起作用？希望有人可以帮助我解决这个问题。

$reacttie = $app->get_reactie($actieftopicid);
foreach ($reacttie as $reactie) {
echo '
<div class="timeline-footer">
  <script type="text/javascript">
   function printIt(){
     alert(document.getElementById("abcId").value);
  </script>

  <form name="formName">
    <input type=hidden id="abcId" name="abcName" value="'.$reactie['id'] .'"/>
    <input class="btn btn-primary btn-xs" type=button value="Reageer" onclick="printIt()" />
  </form>
</div>';

标签： javascriptphpforeach

Answer 1

这是一个典型的错误：您正在使用相同的 id 创建多个元素，因此document.getElementById("abcId")将始终返回您具有此 id 的第一个元素。