使用jquery将输入添加到表单中并提交[关闭]答案

【问题标题】：Add input into form with jquery and submit [closed]使用jquery将输入添加到表单中并提交[关闭]
【发布时间】：2016-12-25 13:31:31
【问题描述】：

我想使用 JQuery 在表单中添加一个输入，然后在不使用 javascript 的情况下使用纯 HTML 提交表单。

<form method="post" action="" id="myform" >
<input type="hidden" name="example" value="done" />
<input type="submit" value="try" />
</form>

这是我添加新输入的 JQuery 行：

$('#myform').append("<input name="example2" value="done" type='hidden'/>");

我的问题是当我提交表单时，我无法获得example2 输入值！帮我弄清楚。

【问题讨论】：

你需要event.PreventDefault()然后使用$form.submit()调用提交事件
我想在不使用 JQuery 的情况下提交表单！
你确定你的输入被添加了吗？？？
是的，我已验证...我将 hidden 更改为 text。
@BraveType，那么请删除jQuery 标签。之后，.submit() 方法不是 jQuery 库独有的。而且，不需要感叹号。

标签： javascript php jquery html forms

【解决方案1】：

当应该使用单引号时，您的 JQuery 似乎使用双引号：

$('#myform').append("<input name='example2' value='done' type='hidden'/>");

【讨论】：

【解决方案2】：

如果您在 () 的开头和结尾使用 "" ，则在内部使用 '' 。如果您在 () 的开头和结尾使用 '' ，则相同，在内部使用 ""

在这里查看更多信息：When to use double or single quotes in JavaScript?

或在这里：Single or Double quotes in jQuery

$('#myform').append("&lt;input name='example2' value='done' type='hidden'&gt;");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" action="" id="myform" >
<input type="hidden" name="example" value="done" />
<input type="submit" value="try" />
</form>

【讨论】：

【解决方案3】：

好像输入框未能追加到表单的末尾。

您可以尝试检查元素并检查是否生成了隐藏字段的 HTML。检查引号：

$('#myform').append('<input name="example2" value="done" type="hidden"/>');

【讨论】：

【解决方案4】：

您需要做的是下载jQuery 库或使用外部谷歌CDN 库作为我在您的html 文件头部使用的库。

确保在加载文档时将输入附加到表单上。如果您打算将表单提交到PHP 作为服务器端，请检查表单是否已发布并打印输出。您应该使用.php 扩展名保存您的文件。

试试下面的解决方案。

$(document).ready(function() {
        $("form#myform").append("<input name='example2' value='done' type='hidden'/>")
      })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <form method="post" action="" id="myform">
      <input type="hidden" name="example" value="done" />
      <input type="submit" value="try" />
    </form>

【讨论】：

【解决方案5】：

您需要做的是下载 jquery 库或使用外部 google cdn 库作为我在您的 html 文件头中使用的库。

确保在加载文档时将输入附加到表单上。如果您打算将表单作为服务器端提交给 Php，请检查表单是否已发布并打印输出。您应该使用 .php 扩展名保存文件。

尝试以下解决方案。谢谢

$(document).ready(function() {
        $("form#myform").append("<input name='example2' value='done' type='hidden'/>")
      })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <form method="post" action="" id="myform">
      <input type="hidden" name="example" value="done" />
      <input type="submit" value="try" />
    </form>

【讨论】：