Question

我正在设置一个导航栏，其中包含一个预期在正文中提交表单的按钮（album_form）。关于onclick要做什么的任何建议来实现这个目标？

<body>
  <header>
    <navbar>
      <button type="submit" name="save_album" class="btn" id="save_album" onclick="????" value="Save Album">Save Album</button>
    </navbar>
  </header>
  <main>
    <form action="/album/" method="POST" name="album_form" id="album_form">
     <input />
    </form>
  </main>
</body>

Answer 1

你在onclick中不需要任何东西。只需添加此javascript。

document.getElementById("save_album").addEventListener("click", function() {
  document.getElementById("album_form").submit();
});

DEMO https://jsfiddle.net/4xcmh2ms/6/

Answer 2

已经有与此主题相关的问题和答案，请参阅以下内容： Submit form using a button outside the tag！

希望这对你有所帮助。

或者你可以写一些小的javascript代码：

<form id="Form">
  <!-- form fields and/or controls-->
</form>
<input type="submit" id="externalButton">

<script>
$(document).ready(function () {
  $("#externalButton").click(function () {
    $("#Form").submit();
  });
});
</script>

Answer 3

您可以尝试以下方式：

/html/portlet/journal/view-entries.jsp

如何使用按钮代替表单外的输入？

3 个答案: