javascript - X + Y 给出 HTMLObject(选择/选项)

Question

我正在尝试添加 2 个总和，它们是通过选择选项获取的。

我只想计算 X + Y，但出现奇怪的错误。

代码:

$( document ).ready(function() {
    var id1 = $("#one").val();
    $("#final_value").val(id1);

    var id2 = $("#two").val();
    $("#final_value").val(id2);

    $("#final_value").val(this + parseInt(id1) + parseInt(id2));    
});

https://jsfiddle.net/xpvt214o/957709/

Answer 1

您的 #final_value 元素中有 this。我还在您的代码中添加了一个 change 事件，因此它会在其中一个选项更改时更新:

$(document).ready(function() {
    $("#one, #two").on("change", () => {
        var id1 = $("#one").val();
        var id2 = $("#two").val();

        $("#final_value").val(parseInt(id1) + parseInt(id2));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
    <select class="full-width select2" name="" id="one" data-placeholder="" >
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</td>
<td>
    <select class="full-width select2" name="" id="two" data-placeholder="" >
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</td>
<label for="final_value">Result:</label>
<input type="text" value="" id="final_value">