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

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

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

Answer 2

最简单的方法是在脚本中添加事件：

// initialize default hidden value 
$('#recipientHidden').val($('#recipient').val());

// a new value
 $('#recipient').on('keyup',function(){
        $('#recipientHidden').val($('#recipient').val());
    });

在这种情况下，您不需要在输入中添加事件。

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

2 个答案: