Заполнение двух inputs равна


Хорошо, я с следующей проблемой, у меня есть два inputs :

Desconto<input type="text" name="desconto" id="desconto" style="width: 100px" > 

И

Observação<input readonly="true" type="text" name="obs" id="obs" style="width: 400px; height: 30px" >

Я хотел бы так, что я пишу что-то в первый input(скидки), автоматически то же самое было сделано на втором input

Author: Matheus Goes, 2016-01-07

2 answers

Вы Можете сделать это так, с родной JavaScript:

var desconto = document.getElementById('desconto');
var obs = document.getElementById('obs');

desconto.addEventListener('keyup', function() {
    obs.value = this.value;
});

Таким образом, вы используете событие keyup для запуска функции, которая присваивает #obs - значение, элемент, который инициировал событие, ie #desconto

Например: https://jsfiddle.net/w0gvo7yv/

 6
Author: Sergio, 2016-01-07 17:11:01

Необходимо назначить событие, txt, который будет использоваться для ввода. Посмотрите на пример, который я сделал с помощью keyup.

$('#txtUm').on('keyup', function () {
  $('#txtDois').val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtUm" />
<input type="text" id="txtDois" />
 4
Author: Pedro Camara Junior, 2016-01-07 17:09:51