Question

我已经编写了两个javascript函数，并在单击“提交”按钮时希望同时使用它们。这是一种形式。第一个功能已经嵌入在提交按钮中。当您单击提交按钮时，它将显示一个段落。现在，我想显示一个表格，其中包含来自表单（类型-日期，文本，数字）的字段值。这是一个2 colmn和5行表。在第一列中，值是公司名称，可用座位数，职位名称，位置，申请的最后日期，第二列包含使用document.getElementById（'ID'）的形式从输入中获取的字段值功能。这两个函数都使用document.getElementById（'ID'）。

Answer 1

首先，我建议为此使用jQuery，因为它会更加简化。

在此example中，他们向您展示了如何覆盖基本形式。在该处理程序中，您可以放置两个函数。

$( "#target" ).submit(function( event ) {
  event.preventDefault(); // prevents the actual sending of a form
  myFunction1(); // call your first function
  myFunction2(); // call your second function
});

如果我理解正确，那么您已经实现了这两个功能，您只是在寻找一种调用它们的方法？

文本/内容的实际更改也通过简单的

完成

$('#elementID').html('The new changed content'); // if it's a div or something alike
$('#elementID').val('The new changed content'); // if it's an input

我希望这能回答您的问题：-）

Answer 2

我也建议您使用JQuery，但如果您做不到，只需在第一个函数中调用JavaScript函数即可。

    function myFunction1(){
            //Your code that displays a paragraph.
            myFunction2();
            }

    function myFunction2(){
            //code body of function 2
            }

因此，如果您的第一个功能已经嵌入在“提交”按钮中，那么您的代码将通过显示该段落来执行，然后执行第二个功能代码。但是像上面所说的Frogurt先生那样使用JQuery更加干净，而且没有那么“ hacky”。

希望这会有所帮助。

点击提交按钮后，如何将使用多种类型输入值创建的表格从表单显示到另一个页面？

2 个答案: