Cannot pass input value to another input value via javascript

Question

I wanted to pass the value of input field to another input field with its value via javascript. I wrote code as shown below.

First input:

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

Second input:

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

Js Code

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

When I open console, there is no value in the console. When I click on the first input field, value is printed.

How can I get it instantly ?

Your code works flawlessly over here. Did you get an error in the console? — obscure
– obscure, Commented Jun 12, 2019 at 10:33

Kobe · Accepted Answer · 2019-06-12 10:33:11Z

1

Your code works fine, but it will only log the value on key up. You can log the value immediately by calling the recipient() function right away:

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" />

answered Jun 12, 2019 at 10:33

Kobe

6,4681 gold badge18 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot pass input value to another input value via javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related