遇到NaN错误,我不知道如何解决

时间:2019-10-09 16:31:32

标签: javascript jquery html

我试图写出价格,但出现NaN错误。代码看起来像这样。有人有什么想法吗? 我已经尝试过使用parseFloat,但是我什么都没做。

$(document).ready(function () {

    var interest = 4.5;

    var price = parseInt($('div-car-price').data('carprice'));

    var defaultPricePerMonth = price / 36 * interest;

    $('span.result').text(defaultPricePerMonth + ' kr');

    $('#months').on('change', function () {

        var selectedPeriod = $(this).find('option:selected').val();

        var calculatedPrice = price / selectedPeriod * interest;

        $('span.result').text(calculatedPrice + ' kr');



    });


});

这就是我的cshtml的样子。

<div class="">
      <h1 class="display-4">@Model.Model</h1>
    <div class="card" style="width: 18rem;">

       <div class="card-body car-price" data-carprice="@Model.Price">
           Bil: @Model.Model <br />
           Pris: @Model.Price.ToString("C");

       </div>

    </div>
    <strong><br />
    Finansiering

    </strong> <br />

    <div class="card" style="width: 18rem;">
        <div class="card-body">
          <div class="form-group">
            <div class="form-group">

                <label for="months">Avbetalningsperiod (månader)</label>
                <select class="form-control" id="months">
                    <option value="12">12</option>
                    <option value="24">24</option>
                    <option value="36" selected>36</option>
                    <option value="48">48</option>
                    <option value="60">60</option>

                </select>

            </div>
           </div>
            Kr/Månad: <span class="result"></span>

        </div>



    </div>

  </div>

所以任何人都有任何想法, 我也得到了帮助。 所以谢谢大家的帮助!

1 个答案:

答案 0 :(得分:0)

var price = parseInt($('div-car-price').data('carprice'));

这里(div-car-price)应该是一个有效的选择器,例如class或id。

var selectedPeriod = $(this).find('option:selected').val();

上一行应该是这样;

var selectedPeriod = parseInt($(this).find('option:selected').val());