JavaScript是否将表单字段的初始值设置为另一个字段的相同值？

我正在尝试处理一些JavaScript工作，我没有太多的经验。我有一个由两部分组成的表单，用户先输入个人信息，然后输入公司信息。我正在尝试将一些公司字段设置为他们在个人信息中已经输入的内容

我不希望用户必须重新键入地址、电子邮件等

例如，我有

<div class="form-group">
    <label for="email">Email<span>*</span></label>
    <input name="email" type="text" class="form-control required" id="email"placeholder="Email" value=". 
        {{email}}">
    <span id="span_email" class="error-msg"></span>

---

nextFormPage（）

函数仅隐藏第一个div并显示第二个div。

如果用户已登录，则应将他们的所有信息传递给表单，包括他们的电子邮件。例如：

const logIn = () => {
... some code to get the user ...
... pass the user to the form, probably through an event listener...
let button = document.createElement("button")
button.textContent = "Edit"
button.addEventListener('click', () => {editYourStuff(user)}
}

const editYourStuff = user => {
... grab whatever your form is called ...
 editForm.email.value = user.email
}

---

这将使用电子邮件预先填充您的表单

您已经标记了javascript和jQuery，因此我不确定您正在使用哪个。但是，您可以通过任何一种方式使用一行代码来执行此操作：

Javascript:：

document.getElementById("comp_email").value = document.getElementById("email").value;

document.getElementById（“email”）.value

从电子邮件输入获取值，我们通过设置

值
属性设置
document.getElementById（“comp\u email”）
：

jQuery:

$("#comp_email").val( $("#email").val() );

$（“#email”）.val（）
从电子邮件输入中获取值，并
$（“#comp#email”）.val（…）将传入的文本设置为输入值

Javascript工作示例


函数nextFormPage（）{
document.getElementById（“comp_email”）.value=document.getElementById（“email”）.value；
}

电子邮件*
公司电子邮件*
Ahh，很抱歉。使用Django框架。您正在寻找的内容不清楚。这些输入是在同一页上还是在单独的页上？如果它们是同一页，那么什么触发器会导致数据填充到第二个表单组中？如果它们是单独的页面，请向我们显示有关表单如何提交到第二个页面的更多信息。只需在电子邮件上使用onchange事件处理程序，并在更改时更新公司电子邮件
document.getElementById("comp_email").value = document.getElementById("email").value;

$("#comp_email").val( $("#email").val() );