Question

我的html模板中有这个输入字段：

<form>
  <input id="id_usd_value">
  <input id="id_rer_value" value="3000">
  <input id="id_euros_value">
</form>

这个jquery代码，如果我根据rer值更改比索值或反之值，它会更新usd值：

<script type="text/javascript" src="jquery-2.0.3.min.js" charset="UTF-8" ></script>
    <script type="text/javascript">
    $(document).ready(
      function() {
        $('#id_usd_value').on('change',
          function(e) {
            $('#id_pesos_value').val(
              Math.round(
                parseFloat($(this).val()) / parseFloat($('#id_rer_value').val())
              ) 
            );
          }
        );

        $('#id_pesos_value').on('change',
          function(e) {
            $('#id_usd_value').val(
              Math.round(
                parseFloat($(this).val()) * parseFloat($('#id_rer_value').val())
              ) 
            );
          }
        );
      }
    );
    </script>

但它不起作用，你能帮帮我吗？

Answer 1

你有一个拼写错误，请看工作版的小提琴：你写了 id_euros_value 而不是 id_pesos_value

<form>
  <input id="id_usd_value">
  <input id="id_rer_value" value="3000">
  <input id="id_pesos_value">
</form>

https://jsfiddle.net/2x9r9a2v/

Answer 2

这是解决方案！

＆＃13;

jQuery(document).ready(function($) {
  
  $('#id_usd_value').on('change',
    function(e) {
      $('#id_euros_value').val(
        Math.round(
          parseFloat($(this).val()) / parseFloat($('#id_rer_value').val())
        )
      );
    }
  );

  $('#id_pesos_value').on('change',
    function(e) {
      $('#id_usd_value').val(
        Math.round(
          parseFloat($(this).val()) * parseFloat($('#id_rer_value').val())
        )
      );
    }
  );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<form>
  <input id="id_usd_value" type="number" placeholder="USD">
  <input id="id_rer_value" type="number" value="3000"  placeholder="USD">
  <input id="id_euros_value" type="number" placeholder="EUR" >
</form>

＆＃13;

更新事件jquery上的字段值

2 个答案: