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

标签 javascript css html

我已经编写了两个 javascript 函数,并且想在点击提交按钮时同时使用它们。这是一个表格。第一个功能已经嵌入到提交按钮中。当您点击提交按钮时,它会显示一个段落。现在,我想显示一个表格,其中包含表单中的字段值(类型 - 日期、文本、数字)。这是一个 2 列和 5 行的表。在第一列中,值是公司名称、可用席位数量、职位名称、位置、申请的最后日期第二列包含使用 document.getElementById('ID') 从表单输入中获取的字段值功能。这两个函数都使用 document.getElementById('ID')。

最佳答案

首先,我建议为此使用 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

我希望这能回答您的问题:-)

关于javascript - 点击提交按钮后,如何将使用多个类型的输入值从表单显示到另一个页面创建的表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52945072/

相关文章:

javascript - $从angularjs的工厂申请

javascript - 与另一个 div 重叠时禁用 Div 上的 onclick/mousedown

html - 内容出现在全宽视频背景的顶部而不是下方

html - 如何使用bootstrap 2.0的响应式特性

javascript - 如何不在加载时加载页面上的所有图像

css - 如何修复模糊的图像

javascript - 在不使用 "this"的情况下在对象中定义 JavaScript get 和 set 函数?

javascript - TinyMCE 编辑器图像管理器/在 Django 中上传

css - 如何设置CSS表格的最大高度?

javascript - 使用 JQuery/JS 使 html 元素看起来可点击