JSONで取得した後、jqueryに2つのテキストボックス値を追加します

Question

ids：textbox1、textbox2、textbox3という3つのテキストボックスがあります。 JSONでcombo1.jspから最初の2つのテキストボックスの値を取得しています。これらの2つの値を追加し、3番目のテキストボックスに表示します。最初のテキストボックスと2番目のテキストボックスの値はdbから来ていますが、私はこれらの2つの値を追加して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(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

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

が、これは仕事ができる：：、いずれかの値を変更した後に合計を更新し、これを試してみ

UPDATE

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

と同じ

：

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

UPDATE：追加再計算機能の値がよくソリューション上記のご回答のためのUI Akhil..thanks @

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 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 

}