javascript - 如何使用按钮代替表单外的输入?

标签 javascript html forms

我正在设置一个导航栏,其中包含一个预计在正文(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>

最佳答案

您不需要 onclick 中的任何内容。只需添加此 JavaScript。

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

演示 https://jsfiddle.net/4xcmh2ms/6/

关于javascript - 如何使用按钮代替表单外的输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41187714/

相关文章:

基于百分比的 Javascript 内容轮换

javascript - 循环遍历 CSS 表格并对选定的单元格进行计数

javascript - 以编程方式单击 html 输入的箭头(类型 ="number")

html - 如何强制所有具有内联样式的 HTML 元素或具有显示 :none to be visible for debugging using Dev Tools 的类

jquery - 在提交之前执行表单验证 - jQuery

php - 您将如何在 Controller 中处理多字段高级搜索?

javascript - 将代码放在我的 Javascript 数组中

javascript - D3.js:通过方法链传递参数

javascript - 有什么方法可以让 div 在 ipad 中滚动吗?

html - 如果没有任何问题的迹象,Codesandbox 预览将无法正常工作。我究竟做错了什么?