Question

我在脚本标签中有一个表单，我希望在提交之前添加更多输入字段。我的提交按钮不起作用，我认为这是一个问题，当我尝试这个时，如何访问提交按钮。

＆＃xA;＆＃xA;

下面是我在脚本标签内的表单

＆＃xA;＆＃xA;

 ＆lt; script defer type =“text / html“id =”template-RegisterView“＆gt;＆＃xA;＆＃xA;＆lt; div class =”modal“＆gt;＆＃xA;＆＃xA; ＆lt; div class =“signup-popup pwd”＆gt;＆＃xA; ＆lt; div class =“title”＆gt;立即注册＆lt; / div＆gt;＆＃xA; ＆lt; p＆gt;我们会找到你的对手！＆lt; / p＆gt;＆＃xA; ＆lt; form id =“signup-form”action =“bin / request / best.php”method =“post”＆gt;＆＃xA; ＆lt; input class =“email”autocapitalize =“off”autocorrect =“off”autocomplete =“email”name =“email”placeholder =“输入您的电子邮件”type =“email”＆gt;＆＃xA; ＆lt; input class =“password”name =“password”placeholder =“Create password”type =“password”＆gt;＆＃xA;＆＃xA; ＆lt; button class =“signup-submit submitDialog”type =“button”＆gt;注册＆lt; / button＆gt;＆＃xA;＆＃xA; ＆LT; /形式＆GT;＆＃XA; ＆lt; / div＆gt;＆＃xA;＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

这是我想用来添加更多输入字段的脚本

＆＃xA;＆＃xA;

 ＆lt; script type =“text / javascript”＆gt;＆＃xA; $（document）.on（'click'，'。signup-submit'，function（）{＆＃xA; $（“＃signup-form”）。submit（function（eventObj）{＆＃xA; alert（“ fwf“）;＆＃xA; $（'＆lt; input />'）。attr（'type'，'hidden'）＆＃xA; .attr（'name'，”something“）＆＃xA ;. attr（'value'，“something”）＆＃xA; .appendTo（'＃signup-form'）;＆＃xA; return true;＆＃xA;}）;＆＃xA;＆＃xA;}）; ＆＃XA;＆LT; /脚本＆GT;＆＃XA;

＆＃XA;

Answer 1

而不是返回true添加$("#signup-form").submit();

进一步说明

您拥有的当前代码正在执行以下操作。

$(document).on('click', '.signup-submit', function () {

上述行表示当按钮上发生click事件并带有signup-submit类，然后执行作为$(document).on方法的第三个参数提供的函数。
执行该功能时，执行以下行

$("#signup-form").submit( function(eventObj) { alert("fwf"); $('<input />').attr('type', 'hidden') .attr('name', "something") .attr('value', "something") .appendTo('#signup-form'); return true; });
当ID为signup-form的表单发生提交事件时，这些行实际上是定义或附加函数。
但它们实际上并没有触发提交事件。
要触发提交活动，您在$("#signup-form").submit();内没有任何内容()。这将触发表单上的提交事件。

您可以查看有关此link的更多详情。它是官方文档，解释了使用提交附加处理函数的用法，或者如果你想触发表单的提交事件，那么如何做到这一点。

Answer 2

var Param=//input parametr
var form = $("#signup-form");
var hiddenField = document.createElement("input");
hiddenField.setAttribute("name", "Param");
hiddenField.setAttribute("value", Param);
form.appendChild(hiddenField);
form.submit();

如何在<script>标记内的表单中添加更多输入

2 个答案: