将变量值分配给div

Question

This is my JavaScript code:

$("#rate").live('blur', function(){
    var rate=$(this).val();
    var qty =$('#quantity').val();
    var amt=rate*qty;
    alert(amt);
    document.getElementById("amount").innerHTML = amt;
});

Here I am getting the correct amount in amt variable . Now I just want to assign it to amount div. So how do I do that?

Answer 1

Which version of jquery you are using. If it's greater than or equal to the version 1.9 , than the live function will not work. If so than use .on function instead. use the code be low

$("#rate").on('blur', function(){
    var rate=$(this).val();
    var qty =$('#quantity').val();
    var amt=rate*qty;
    alert(amt);
    document.getElementById("amount").innerHTML = amt;
});

Hope this helps you

Answer 2

Hudixt's answer is right, however you'll need to parse the values as int (or float) if they are coming from inputs of a text type, as they are strings. ie

$("#rate").on('blur', function(){
    var rate=$(this).val();
    var qty =$('#quantity').val();
    var amt= parseInt(rate) * parseInt(qty);
    alert(amt);
    document.getElementById("amount").innerHTML = amt;
});

Trying to multiply two strings with give you a NaN

Answer 3

Try this:

$('#amount').text(amt); 

instead of:

document.getElementById("amount").innerHTML = amt;

Answer 4

$("#amount").html(amt);  //in jquery

document.getElementById("amount").value = amt; //in Javascript

Answer 5

You should user setAttribute method. There is my solution for your case :

$("#rate").live('blur', function(){
 var rate=$(this).val();
 var qty =$('#quantity').val();
 var amt=rate*qty;
 document.getElementById("amount").setAttribute('amt',amt);
});

To get attr :

var amt = document.getElementById("amount").getAttribute('amt');