Question

到目前为止，我正在尝试将#output值显示到另一个输入字段中这个-> http://jsbin.com/oleto5/5/edit?html,js,output
在这里，您可以看到在输入字段中键入内容时将输入的数据显示到

中，其中id = output <input id="txt" type="text" />

我要实现的目标：
1-html中的更改-我希望将#output作为值显示在诸如<input id="output" type="text" />的另一个输入字段中
2-脚本更改-我也想做计算更改，我有一个名为$ final_rate的php变量，我想由php变量$ final_rate进行“输出”划分

预期的代码示例

<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，则应该从82.644中得到一个简单的单词“ 10000/121 = 82.644”

1 个答案:

答案 0 :(得分：1)

Answer 1

<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="" />

在另一个输入字段中的按键上显示输入字段的值，该值除以php变量

1 个答案: