JS 提交按钮在表单外面
表单的提交按钮 <button type="submit">确定</button>
通常放在 <form>
里面,但现在情况特殊,按钮需要放在 form 外面,该如何让这个按钮控制表单呢。
或者可以这样说,如果页面里有多个 form 表单以及外部的一组按钮,如何让按钮与特定的表单关联呢?
首先,给表单填 ID
<form id="info" action="">
...
</form>
<button>提交</button>
然后,定义 JS 方法
为了方便,这里使用 juqery。
<script>
function submit_info() {
$(document).ready(function(){
$("form#info").submit()
})
}
</script>
最后,处理按钮
给按钮添加 onclick
属性和值 sub_info()
:
...
<button onclick="sub_info()">提交</button>