如何使用javascript从一个表单获取值并发布到另一个表单?

如何使用javascript从一个表单获取值并发布到另一个表单?,javascript,html,forms,Javascript,Html,Forms,我在同一页上有两张表格, 表格一:家居/ 表格2身份证:联系方式 单击“发送”按钮后,我需要在form2(联系人)的文本框中填写表单(主页)中的值 多少钱? $100 $200 多少钱? $100 $200 好的,如果我理解正确,您希望将信息从第一个表单填充到第二个表单 因此,要完成此任务,需要将事件处理程序附加到第二个表单,并防止出现默认行为 希望能对你有所帮助 var homeForm = document.getElementById("home"); var contactForm

我在同一页上有两张表格, 表格一:家居/ 表格2身份证:联系方式 单击“发送”按钮后,我需要在form2(联系人)的文本框中填写表单(主页)中的值


多少钱?
$100
$200
多少钱?
$100
$200

好的,如果我理解正确,您希望将信息从第一个表单填充到第二个表单

因此,要完成此任务,需要将事件处理程序附加到第二个表单,并防止出现默认行为

希望能对你有所帮助

var homeForm = document.getElementById("home");

var contactForm = document.getElementById("contact");
contactForm.addEventListener("submit", function(e) {

    e.preventDefault();
    contactForm.elements.item(0).value = homeForm.elements.item(0).value
    contactForm.elements.item(1).value = homeForm.elements.item(1).value
    contactForm.elements.item(2).value = homeForm.elements.item(2).value
    contactForm.elements.item(3).value = homeForm.elements.item(3).value

}, false);

好的,如果我理解正确,您希望将信息从第一个表单填充到第二个表单

因此,要完成此任务,需要将事件处理程序附加到第二个表单,并防止出现默认行为

希望能对你有所帮助

var homeForm = document.getElementById("home");

var contactForm = document.getElementById("contact");
contactForm.addEventListener("submit", function(e) {

    e.preventDefault();
    contactForm.elements.item(0).value = homeForm.elements.item(0).value
    contactForm.elements.item(1).value = homeForm.elements.item(1).value
    contactForm.elements.item(2).value = homeForm.elements.item(2).value
    contactForm.elements.item(3).value = homeForm.elements.item(3).value

}, false);
var sourceForm=document.getElementById(“源表单”);
var targetForm=document.getElementById(“目标表单”);
函数findTargetNode(节点名,名称){
var targetElems=targetForm.elements;
对于(变量i=0;i

多少钱?
1.
2.
多少钱?
1.
2.
var sourceForm=document.getElementById(“源表单”);
var targetForm=document.getElementById(“目标表单”);
函数findTargetNode(节点名,名称){
var targetElems=targetForm.elements;
对于(变量i=0;i

多少钱?
1.
2.
多少钱?
1.
2.

这是一种更全局的方法,使用jQuery并与任何类型的字段兼容(注意,字段匹配基于name属性):


这是一种更全局的方法,使用与任何类型的字段兼容的jQuery(注意,字段匹配基于name属性):


这看起来非常错误。你可以发布一张图片来展示你想要它的样子吗?为什么?为什么不将输入字段放在同一个表单中?请访问,在主页中我们有一个表单,一旦单击“立即应用”,它将指向同一页面中的下一个表单,但它的值大于第一个表单。这不是可能的要求,或者至少不符合逻辑。按send或submit按钮会导致加载新页面或重新加载页面这看起来非常错误。你可以发布一张图片来展示你想要它的样子吗?为什么?为什么不将输入字段放在同一个表单中?请访问,在主页中我们有一个表单,一旦单击“立即应用”,它将指向同一页面中的下一个表单,但它的值大于第一个表单。这不是可能的要求,或者至少不符合逻辑。按“发送”或“提交”按钮将导致加载新页面或重新加载页面。您可以共享更多信息。你犯了什么错误。您是否阻止第二种形式的默认行为。你在演示中试过这个例子了吗?是的,我在演示中试过,它不起作用,我没有得到任何错误。当我把你的代码包括在我的代码中时,它和以前一样工作,没有变化。你能分享更多信息吗。你犯了什么错误。您是否阻止第二种形式的默认行为。你在演示中试过这个例子了吗?是的,我在演示中试过,它不起作用,我没有得到任何错误。当我把你的代码包括在我的代码中时,它会像以前一样工作,不会改变。