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();