javascript - 如何使用javascript从一种形式获取值(value)并将其发布到另一种形式?

原文 标签 javascript html forms

我在同一页面中有两种形式,
表格1的ID:首页/
表格2 ID:联系
单击发送按钮后,我需要在form2(contact)文本框中填写form(home)中的值。



<form id="home" method="get" action="#portfolio" role="form"> 
  <select class="form-control" id="pd_howmuch">
         <option>HOW MUCH ?</option>
         <option>$100</option>
         <option>$200</option>
        </select>
        <input id="pd_fname" type="text" name="name">
        <input id="pd_lname" type="text" name="surname">
        <input id="pd_zipcode" type="tel" name="zipcode">
        <input id="pd_applynowbt" type="submit" value="Send">
    </form>
<section id="portfolio">
<form id="contact" method="post" action="contact.php" role="form">
       <select class="form-control" id="howmuch1">
         <option>HOW MUCH ?</option>
         <option>$100</option>
         <option>$200</option>
        </select>
        <input id="fname1" type="text" name="name">
        <input id="lname2" type="text" name="surname">
        <input id="zipcode2" type="tel" name="zipcode">
        <input id="applynowbt" type="submit" value="Submit">
    </form>
</section>

最佳答案

好的,如果我理解正确,那么您希望将信息从第一种形式填充到第二种形式。

因此,要完成此任务,您需要将事件处理程序附加到第二种形式,并防止默认行为

工作demo希望对您有所帮助

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

关于javascript - 如何使用javascript从一种形式获取值(value)并将其发布到另一种形式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39556654/

相关文章:

javascript - 在 jQuery 中查找克隆元素的子元素

javascript - JavaScript回调和地理位置API

android - 是否可以在 WebView 中使用可绘制对象(而不是图像)?

.net - 替代dompdf(将HTML + CSS转换为PDF的PHP工具)但是在.NET中?

jquery - 如何在 ASP.NET MVC 和 jQuery/JavaScript 中构建订单处理表单

javascript - 从 Javascript 闭包访问循环中的外部变量

javascript - 睡在javascript for循环中

javascript - Javascript,难以获取页面中所有嵌套框架的列表

javascript - 动态地将文件分配给表单中的文件输入字段

css - 标签在表格中的位置(使用div)