Question

我需要通过按钮提交表单，该按钮超出了JavaSript的表单范围。

<form>
  <input name="data" type="text">
  <input type="submit" name="send" id="send-button" style="display: none">
</form>

<button onclick="$('#send-button').click() || .submit()"></button>

按钮 #send-button 可见，我需要将整个表单发送到服务器。这意味着我收到 $ data 和 $ send （两者）。

现在我只得到 $ data 。

有什么想法吗？

Answer 1

您可以使用javascript表单方法

<button onclick="document.forms[0].submit()"></button>

如果您在文档中有多个表单，则将id设置为表单

<form id="form1">
  <input name="data" type="text">
  <input type="submit" name="send" id="send-button" style="display: none">
</form>
<button onclick="document.getElementById("form1").submit()"></button>

Answer 2

为表单命名：

    <form name="myform">
        <a href="javascript: submitform()">Submit</a>
    </form>

提交表单功能：

    <script type="text/javascript">
        function submitform()
        {
           document.myform.submit();
        }
    </script>

调用提交：

    document.forms["myform"].submit();

Answer 3

你应该在提交按钮上添加值属性

<input type="submit" name="send" value="xyz" id="send-button" style="display: none">

我认为你会收到两个值

JS - 如何提交表单onclick并发送提交按钮

3 个答案: