在JSP中用js改变一个按钮的值

Question

我有一个链接列表以一种形式动态生成

    <%String param = acc.selectByUsername(listamit.get(l)).getUsername();%>
    <a href="#<%=acc.selectByUsername(listamit.get(l)).getUsername()%>" onclick="myFunction('<%=param%>')" data-toggle="tab">

当我点击每个不同的链接时，它会插入#username 类型的“a”href 和 id，我想调用它在头部的 function：

    <script type="text/javascript">
        myFunction(str){
            document.getElementById("send_mess_btn").value = str;
        }
    </script>

并更改作为表单提交的此按钮的值，以将其用作 servlet 中的参数：

    <form action="insert_message?chat=yes" method="post">
       <input type="text" class="form-control" name="text_send_mess" placeholder="Scrivi il tuo messaggio">
       <span class="input-group-btn">
          <button class="btn btn-default" id="send_mess_btn" value="" type="submit">Invia</button>         
       </span>
    </form>

这对我不起作用..所以谢谢你的帮助。

Answer 1

尝试委托，不要点击链接

document.getElementById("someContainerId").addEventListener("click", e => {
  const tgt = e.target;
  if (!tgt.matches('data-toggle')) return; // not a link
  e.preventDefault(); // stop the click on the link
  document.getElementById('send_mess_btn').value = this.dataset.username;
})

您将链接更改为

 <a href="#<%=acc.selectByUsername(listamit.get(l)).getUsername()%>" data-username="<%=param%>" data-toggle="tab">

改变

getElementById("someContainerId")

到最接近链接的 static 容器选择器的选择器