Question

我有以下类型的表格

    <form method="post" action="genTable.php" target="myIframe">

    <select id="leftValues" name="cols[ ]" size="5" multiple>
        <option>paper</option>
        <option>authors</option>
    </select>

    <div class="submitbutton">
    <input type="submit" name="submit" value="Refresh Table" onclick="selectAll();">
    </div>

    </form>

Fiddle

这样，选择表单始终与提交按钮组合在一起。我希望按钮位于一个单独的div中，其他按钮与表单分开放置。但是，如果我将它们分开，则按钮不再与表单的动作相关联。我怎么能这样做？

Answer 1

您可以为表单指定一个ID：

<form id="MyForm" method="post" action="genTable.php" target="myIframe">

</form>

然后，您可以将输入放在页面的任何位置，只需添加form属性即可将其附加到表单中：

<input type="submit" name="submit" value="Refresh Table" onclick="selectAll();" form="MyForm">

但请注意，Internet Explorer不支持此功能，但由于您还拥有selectAll()事件处理程序，因此您还可以通过JavaScript提交表单：

function selectAll()
{
  // submit the form
  document.getElementById('MyForm').submit();

  // Prevent the default submit in non-IE browsers, otherwise you'll have two submits.
  return false;
}

这样，它可以在任何地方使用，除了禁用JavaScript的IE浏览器。那些观众可能小到可以接受。

如何将提交类型输入放在远离其表单的位置

1 个答案: