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

我正在设置一个导航栏，其中包含一个预计将提交表单（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>

来源

2016-12-16 bldev

的可能的复制【如何通过单击链接提交表单的JavaScript？]（http://stackoverflow.com/questions/6799533/how-to-submit-a-形式与 - JavaScript的通过单击-A-链路） – Santi

已经有与此主题相关的问题和答案，看到这一个： 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>

来源

2016-12-16 15:42:45 Beto

你可以试试下面的方法：

<button type="submit" name="save_album" class="btn" id="save_album"  onclick="document.getElementById('album_form').submit()" value="Save Album">Save Album</button>

来源

2016-12-16 15:49:40 Hanif

你不需要在onclick什么。只需添加此JavaScript。

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

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

来源

2016-12-16 15:56:37 Brad

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

回答

相关问题