在另一个输入字段中按键变量显示按键上的输入字段值

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (48)

我试图将#output值显示到另一个输入字段到目前为止我发现了这个 - > http://jsbin.com/oleto5/5/edit?html,js,output 这里你可以看到输入字段时显示输入的数据进入<div>,其中id =输出<input id="txt" type="text" />

我想要实现的目标: 1 - html中的<input id="output" type="text" /> 变化 - 我希望将#output作为值显示到另一个输入字段中,如下所示2 - 脚本中的更改 - 我还想在计算中进行更改我有一个名为$ final_rate的php变量因为,我想通过php变量$ final_rate来“输出”deivide

预期的代码示例

<body>
  <input id="txt" type="text" />
  <input id="output" type="text" value=""/>
</body>
<?php $final_rate = "121";?>
   <script>
 $(function(){
      $('#txt').keydown(function(){
        setTimeout(function() {
          $('#output').text($('#txt').val());
        }, 50);
      });
    });
</script>

在上面的例子中,如果我们在#txt输入字段中输入10000,我们应该用简单的单词“10000/121 = 82.644”得到82.644

提问于
用户回答回答于
<body>
  <input id="txt" type="text" />
  <input id="output" type="text" value=""/>

  <script>
    //put the value in a javascript variable as a Number
    var finalRate = <?php echo "121"; ?>;

    $(function(){
      //bind on the input event, which happens any time the value of the input changes
      $('#txt').on('input', function(e){
        //console log the rate just for debugging
        console.log(finalRate);
        //console log the math just for debugging
        console.log(parseFloat(e.target.value)/finalRate);
        //turn the value in the input into a Number, and perform the math
        $('#output').val(parseFloat(e.target.value)/finalRate);
      });
    });
  </script>
</body>

//put the value in a javascript variable as a Number
var finalRate = 121;//'<?php echo "121"; ?>;

$(function() {
  //bind on the input event, which happens any time the value of the input changes
  $('#txt').on('input', function(e) {
    //console log the rate just for debugging
    console.log(finalRate);
    //console log the math just for debugging
    console.log(parseFloat(e.target.value) / finalRate);
    //turn the value in the input into a Number, and perform the math
    $('#output').val(parseFloat(e.target.value) / finalRate);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="txt" type="text" />
<input id="output" type="text" value="" />

扫码关注云+社区

领取腾讯云代金券