基于另一个输入的即时自动填充输入表单

时间:2017-07-02 07:00:11

标签: jquery

您好我想从另一个输入中自动填写2个输入表格..到目前为止,我尝试了这样的和它的工作

但是有可能对两个输入的更改是实时/即时的而不按Enter键?

 <script>
   $(document).ready(function() {
     $('#totalofservices').change(function(){
         $("#totalontarget").attr('value',$(this).val());
         $("#totalontarget").attr('value',$(this).val());
     });
   });
 </script>

<input style='text-align:center' class='form-control' type='text' size='20' id='totalofservices' name='totalofservices'>
<input style='text-align:center' class='form-control' type='text' size='20' id='totalontarget' name='totalontarget'>
<input style='text-align:center' class='form-control' type='text' size='20' id='totalofftarget' name='totalfftarget'>

2 个答案:

答案 0 :(得分:1)

你做对了,但不是一切。再次使用.val()

$(document).ready(function() {
  $('#totalofservices').change(function(){
    $("#totalontarget").val($(this).val());
    $("#totalontarget").val($(this).val());
  });
});

答案 1 :(得分:1)

尝试以下代码,当您输入第一个字段时,它会更新两个字段:

 $('#totalofservices').keyup(function(){
     $("#totalontarget, #totalfftarget").val($(this).val());
 });