.change jQuery 不改变数据

Question

我有一个 jQuery .change 的小问题，当我点击数据时，数据没有改变。

我正在使用 ddSlick。

我想达到的效果是这样的：http://www.convertmymoney.com/ - 因此，当输入金额时，数据已经另外改变，当有人输入金额并更改货币（标志）时，它也会改变数据，不幸的是我的情况并非如此。

$(document).ready(function() {

  var total = 0;

  $("#amountin, #amountout,#amountValue").on("change", function() {

    cal();

  });

  

  $("#amountValue").on("keydown", function() {

    cal();

  });

  $("#exchange").on("click", function() {

    var amountinval = $("#amountin").val();

    var amountoutval = $("#amountout").val();

    cal();

  });

  function cal() {

    var amountinval = $("#amountin").val();

    var amountoutval = $("#amountout").val();

    var amountValue = $("#amountValue").val();

    total = parseFloat(amountValue * (amountinval / amountoutval)).toFixed(2);

    $('#totavalue').attr('placeholder', total);

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="currency-calc-in__input currency-calc__input col-lg-8 col-sm-6 col-md-6 col-6">

  <label for="amountValue" class="currency-calc__label">Kwota (posiadam)</label>

  <input type="number" class="form-control" id="amountValue" name="amountValue" aria-describedby="numberHelp" placeholder="100">

</div>

<select class="custom-select currency-calc-in__slick" id="amountin" name="amountin">

  <option value="1" data-description="PLN" data-value="1" data-symbol="PLN">Polski złoty</option>

  <option value="0.1286" data-description="THB" data-value="0.1286" data-symbol="THB">Bat tajlandzki</option>

  <option value="4.1886" data-description="USD" data-value="4.1886" data-symbol="USD">Dolar amerykański</option>

  <option value="2.6503" data-description="AUD" data-value="2.6503" data-symbol="AUD">Dolar australijski</option>

  <option value="0.5406" data-description="HKD" data-value="0.5406" data-symbol="HKD">Dolar Hongkongu</option>

</select>

Answer 1

您是否尝试过用 cal() 函数替换此处的 console.log ？&nbsp; &nbsp; $('.currency-calc-in__slick').ddslick({imagePosition: "right",selectText:"Wybierz",onSelected: function (data) {&nbsp; &nbsp; &nbsp; &nbsp; cal();}});$('.currency-calc-out__slick').ddslick({imagePosition: "right",defaultSelectedIndex:3,onSelected: function (data) {&nbsp; &nbsp; &nbsp; &nbsp; cal();&nbsp; &nbsp; }});

Answer 2

这两行返回未定义var amountinval = $("#amountin").find('.dd-selected-value').val();var amountoutval = $("#amountout").find('.dd-selected-value').val();尝试用以下内容替换它们，它将返回所选的选项值var amountinval = $("#amountin :selected").val();var amountoutval = $("#amountout :selected").val();