javascript - 无法通过 javascript 将输入值传递给另一个输入值

Question

我想通过 javascript 将输入字段的值及其值传递到另一个输入字段。我编写的代码如下所示。

第一个输入:

<input type="text" class="form-control" id="recipient" name="recipientName" value="RecipientName" onkeyup="recipient()"/>

第二个输入:

<input type="hidden" id="recipientHidden" name="recipientName"/>

JS代码

function recipient(){
   var recipientNameValue = document.getElementById('recipient').value;
   document.getElementById('recipientHidden').value = recipientNameValue;
   console.log(document.getElementById('recipientHidden').value);
}

当我打开控制台时，控制台中没有任何值。当我单击第一个输入字段时，会打印值。

如何立即获取？

Answer 1

您的代码工作正常，但它只会记录按键上的值。您可以立即调用 recipient() 函数来立即记录该值:

function recipient() {
  var recipientNameValue = document.getElementById('recipient').value;
  document.getElementById('recipientHidden').value = recipientNameValue;
  console.log(document.getElementById('recipientHidden').value);
}

// Call function straight away
recipient()

<input type="text" class="form-control" id="recipient" name="recipientName" value="RecipientName" onkeyup="recipient()" />

<input type="hidden" id="recipientHidden" name="recipientName" />