javascript - 通过JSON获取后在jquery中添加两个文本框值

Question

我有三个具有 ID 的文本框:textbox1、textbox2、textbox3。我正在通过 JSON 从 combo1.jsp 中检索前两个文本框的值，我想添加这两个值并将其显示在第三个文本框上。第一个文本框和第二个文本框的值来自数据库，只是我想添加这两个值并显示在第三个文本框中。

  $("#combo1").change(function() {
$.getJSON('combo1.jsp', { combo1Val : $(this).val() }, function(data) {
 $("#textbox1").val(data.a);// suppose a's value came as 10 from db
$("#textbox2").val(data.b);// b's value came as 20 from db
 $("#textbox3").val(data.c);// here i want to show the sum(a+b) that is 30
});
});

有什么想法吗？

Answer 1

试试这个:

$("#combo1").change(function() {
    $.getJSON(
        'combo1.jsp', 
        { combo1Val : $(this).val() }, 
        function(data) {
            var a = data.a; // suppose a's value came as 10 from db
            var b = data.b; // b's value came as 20 from db
            var total = parseInt(a) + parseInt(b);

            $("#textbox1").val(a)
            $("#textbox2").val(b)
            $("#textbox3").val(total); // here i want to show the sum(a+b) that is 30
        }
    );
});

如果需要，您可以减少它，我只是尽可能清楚地说明它是如何工作的。

更新

要在更改任一值后更新总和，请尝试以下操作:

$("#textbox1, #textbox2").keyup(function() {
    var a = $("#textbox1").val();
    var b = $("#textbox2").val();
    var total = parseInt(a) + parseInt(b);
    $("#textbox3").val(total);
});