Question

我想使用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输入值！帮我解决一下。

Answer 1

似乎输入框无法附加到表单的末尾。

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

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

Answer 2

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

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

Answer 3

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

在此处查看更多内容：When to use double or single quotes in JavaScript?

或此处：Single or Double quotes in jQuery

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 4

您需要做的是下载$users = User::all()->toArray(); $access = Access::all()->toArray(); $data = collect(["users" => $users, "access" => $access]);库或使用我在jQuery文件头部使用的外部Google CDN库。

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

尝试以下解决方案。

.php

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

Answer 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>

使用jquery将输入添加到表单并提交

5 个答案: