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

Question

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

  $("#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);
});

Answer 2

有点奇怪，但这可能有效：

$("#textbox3").val(+data.a + +data.b);

如同：

$("#textbox3").val(parseInt(data.a,10) + parseInt(data.b,10));

更新：从UI更改值时添加了重新计算功能

function recompute(){
     var a = parseInt($("#textbox1").val(),10);
     var b = parseInt($("#textbox2").val(),10);
     var sum = a + b;
     $('#textbox3').val( sum );
}

$('#textbox1,#textbox2').change(recompute);

Answer 3

$("#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(parseInt(data.a)+parseInt(data.b));// here i want to show the sum(a+b) that is 30
});
});

Answer 4

$("#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

    var c = $("#textbox2").val() + $("#textbox1").val();
   $("#textbox3").val(c);
 });
});

Answer 5

$.getJSON(msg.d,function(i,data){

var a=parseInt(data.a);//after yo get data injsonformat parse it to int 
var b=parseInt(data.b);
var total=a+b;//this is just a simple arithematic addition
$('#textbox3').val(total);//assigning the value to the textbox

}