2 inputfields same value dynamicly in 1 form - php

Question

I've 2 input fields which I want to have the same value.
When input field id="name_1" is filled in, I want to have it copied into input field id="name_2".
How, or is this possible?
<form action="" method="post">
<input type="text" name="name_1" id="name_1" value="">
<input type="text" name="name_2" id="name_2" value="">
</form>

Answer 1

You can do expected functionality using Jquery or Javascript. To make below operation work properly, you have to include latest jQuery in your html page
Try this
<form action="" method="post">
<input type="text" name="name_1" id="name_1" value="">
<input type="text" name="name_2" id="name_2" value="">
</form>
<script>
$("#name_1").keyup(function () {
var value = $(this).val();
$("#name_2").val(value);
}).keyup();
</script>
JS-FIDDLE

Answer 2

<script type="text/javascript">
$(document).ready(function(){
$('#field1').blur(function(){
$('#field2').val($(this).val());
});
});
</script>
<input type="text" name="field1" id="field1">
<input type="text" name="field2" id="field2">

Answer 3

HTML:
<input id="name1" class="name" type="text" /><input id="name2" class="name" type="text" />
jQuery:
$(document).ready(function(){
$(".name").keyup(function(){
var val = $(this).val();
$(".name").each(function(){
$(this).val(val);
});
});
});
JSFIDDLE: https://jsfiddle.net/yzmdu308/
This way, if the 1st one gets changed, it changes the value of name2, and if name2 gets changed, it changes the value of name1.

Answer 4

Without using Angular JS
It is better to use class selector to update bind to two input text box elements.
HTML
<input id="name1" class="name" type="text" />
JS
$(".name").keyup(function(){
$(".name").val($(this).val()); });
JS FIDDLE
Two way binding without Angular
With Angular JS
Angular providing very simple and efficient two way binding options. Please check the below sample.
HTML
<div ng-app>
<input id="name1" ng-model="name" type="text" />
<input id="name2" ng-model="name" type="text" />
JS FIDDLE
Two way binding with Angular