使用jquery向表单中添加输入并提交

Add input into form with jquery and submit

本文关键字：输入 提交 添加 jquery 表单 使用      更新时间：2023-09-26

我想使用JQuery添加一个输入到表单中，然后使用纯HTML提交表单，而不使用javascript。

<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输入值!

你需要做的是下载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>

似乎输入框没有在表单的末尾追加。

您可以尝试inspect element并检查是否生成了隐藏字段的HTML。检查引号:

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

你的JQuery在应该使用单引号的情况下似乎使用了双引号:

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

如果您在()的开始和结束处使用""，则在内部使用''。同样的，如果你在()的开头和结尾使用''，在里面使用""

在这里看到更多:在JavaScript中何时使用双引号或单引号?

或此处:jQuery中的单引号或双引号

$('#myform').append("<input name='example2' value='done' type='hidden'>");
<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>

你需要做的是下载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>
相关文章：