如何在表单外提交表单

Question

我有一张表格

<form action="search_name.php" id="header_search_form" method="POST">
    <div class="search_bar">
    <input id="search_box" autocomplete="off" type="text" name="search_box" maxlength="30" size="53" />

    <input  id="search_button"  type="submit" name="submit" value="submit"  />
    </div>
</form>

<button onclick="search()">search</button>

我还想使用表单外的按钮提交,我已经尝试了

function search(){
$('#header_search_form').submit();

}

但它没有按预期工作,我想点击按钮,按钮应该做同样的事情,因为我点击表单内的输入提交按钮,包括设置$ _POST ['search_box']并直接到search_name.php

Answer 1

编辑:不要用它来支持IE ...

使用formFORM的属性定位ID进行提交:

<button form="header_search_form">search</button>

DEMO