Javascript 如何在表单内部添加更多输入<;脚本>;标签
我在脚本标签中有一个表单,我希望在提交之前添加更多的输入字段。我的提交按钮不工作,我想这是一个问题,我如何访问提交按钮,当我尝试这个 下面是脚本标记中的我的表单Javascript 如何在表单内部添加更多输入<;脚本>;标签,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我在脚本标签中有一个表单,我希望在提交之前添加更多的输入字段。我的提交按钮不工作,我想这是一个问题,我如何访问提交按钮,当我尝试这个 下面是脚本标记中的我的表单 <script defer type="text/html" id="template-RegisterView"> <div class="modal"> <div class="signup-popup pwd "> <div class="title">
<script defer type="text/html" id="template-RegisterView">
<div class="modal">
<div class="signup-popup pwd ">
<div class="title">Sign up now</div>
<p>and we'll find your right geek!</p>
<form id="signup-form" action="bin/request/best.php" method="post">
<input class="email" autocapitalize="off" autocorrect="off" autocomplete="email" name="email" placeholder="Enter your e-mail" type="email">
<input class="password" name="password" placeholder="Create password" type="password">
<button class="signup-submit submitDialog" type="button">Sign up</button>
</form>
</div>
</div>
现在就报名吧
我们会找到你的极客
注册
下面是我想用来添加更多输入字段的脚本
<script type="text/javascript">
$(document).on('click', '.signup-submit', function () {
$("#signup-form").submit( function(eventObj) {
alert("fwf");
$('<input />').attr('type', 'hidden')
.attr('name', "something")
.attr('value', "something")
.appendTo('#signup-form');
return true;
});
});
</script>
$(文档)。在('单击','上。注册提交',函数(){
$(“#注册表格”).submit(函数(eventObj){
警报(“fwf”);
$('').attr('类型','隐藏')
.attr('名称',“某物”)
.attr(“值”,“某物”)
.附录(“#报名表”);
返回true;
});
});
而不是返回true添加$(“#注册表单”).submit()代码>
进一步解释
您当前的代码正在执行以下操作
$(文档)。在('click','signup submit',函数(){
上面的行表示当signup submit类的按钮上发生click事件时,执行作为$(document).on
方法的第三个参数提供的函数
当函数被执行时,它执行以下几行
$(“#注册表格”).submit(函数(eventObj){
警报(“fwf”);
$('').attr('类型','隐藏')
.attr('名称',“某物”)
.attr(“值”,“某物”)
.附录(“#报名表”);
返回true;
});
当id为的表单发生提交事件时,这些行实际上定义或附加了一个函数
但它们实际上并没有触发提交事件
要触发提交事件,您必须编写$(“#注册表单”)。提交();
中没有任何内容。这将触发表单上的提交事件
您可以查看更多详细信息。这是一份官方文档,解释了如何使用submit来附加处理函数,或者如果您想触发表单的提交事件,那么如何执行。而不是返回true add$(“#signup form”)。submit();
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();
进一步解释
您当前的代码正在执行以下操作
$(文档)。在('click','signup submit',函数(){
上面的行表示当signup submit类的按钮上发生click事件时,执行作为$(document).on
方法的第三个参数提供的函数
当函数被执行时,它执行以下几行
$(“#注册表格”).submit(函数(eventObj){
警报(“fwf”);
$('').attr('类型','隐藏')
.attr('名称',“某物”)
.attr(“值”,“某物”)
.附录(“#报名表”);
返回true;
});
当id为的表单发生提交事件时,这些行实际上定义或附加了一个函数
但它们实际上并没有触发提交事件
要触发提交事件,您必须编写$(“#注册表单”)。提交();
中没有任何内容。这将触发表单上的提交事件
您可以查看更多详细信息。这是一份官方文件,解释了“提交”附加处理函数的用法,或者如果您想触发表单的“提交”事件,那么该如何操作。提交时需要什么功能?是否应添加新输入字段并提交表单?提交并附加新输入?否make任何意义../inside
标记更多。@nipuna777是的,这就是我需要的,这是因为输入来自外部html@pedram是的,输入是动态的。我唯一的问题是使用submit访问表单action@pedram请检查更新的代码提交时您希望使用什么功能?新输入字段是否为dded和提交的表单?提交并附加新输入?没有任何意义。/inside
标记更多。@nipuna777是的,这就是我需要的,因为输入来自外部html@pedram是的,输入是动态的。我唯一的问题是使用submit访问表单action@pedram请检查更新的代码有问题em定义。有一个解决问题的答案。手头的问题和问题背景是提问者知道的。如果你有更好的答案,请提供,这将有效地为读者提供价值。感谢编辑。我实际上在手机上使用它。在车里等待。你的帖子的第一个问题是已编辑的未包装代码。第二,您需要编写更多解释。但在使用手机时,这不是预期的…)好的。在机器上就可以了。谢谢。嘿@muasif80我确实更新了问题,请检查它。有一个定义的问题。有一个解决问题的答案。手头的问题和问题上下文是提问者知道的。如果你有更好的答案,请提供,这实际上将为读者提供价值。谢谢你的编辑。我实际上是在手机上使用它。在车里等着。你的帖子的第一个问题是被编辑的未包装的代码。第二个问题是你需要写更多的解释。但当你使用手机时不是预期的…;)好的。在机器上就可以了。谢谢。嘿@muasif80我更新了问题,请检查一下
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();