文本框输出到文本字段

Question

我有一个标签页，用户在文本框中输入一笔金额，该金额显示在标签上方的标签中。有两个选项卡，用户可以更改美元金额。我可以在标签之间获得更改金额：

     $(function(){

 $('#damountBox').keyup(function() {
 $('.dab1').val($(this).val());
 });

 $('#damountBox1').keyup(function() {
    $('.dab').val($(this).val());
   });
  });

我可以使用一个文本框在标签中正确显示金额：

    $(function(){
     $('#damountBox').keyup(function(){
     setTimeout(function() {
     $('#firstOut').text(('Donation: $') + (+$('#damountBox').val()));
     }, 50);
  });
});

但是当试图让他们一起工作时，那是另一个问题。我的目标是让标签更新并显示输入的美元金额，无论它输入哪个标签文本框。

这是我到目前为止的jsfiddle

Answer 1

试试这个。

$('#damountBox').change(function() {
     $('#damountBox1').val($(this).val());
     $('#damountdata').text(('Donation: $') + (+$('#damountBox').val()));
});

$('#damountBox1').change(function() {
    $('#damountBox').val($(this).val());
    $('#damountdata').text(('Donation: $') + (+$('#damountBox1').val()));
});