將變量值分配給div

Question

這是我的JavaScript代碼：

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

在這里，我在amt變量中得到了正確的數量。 現在，我只想將其分配給div。 那我該怎么做呢？

Answer 1

您正在使用哪個版本的jquery。 如果大於或等於1.9版，則live函數將無法工作。 如果是這樣，則改用.on函數。 使用低代碼

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

希望這對您有幫助

Answer 2

Hudixt的答案是正確的，但是如果它們來自文本類型的輸入（因為它們是字符串），則需要將這些值解析為int（或float）。 即

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

嘗試將兩個字符串相乘得到NaN

Answer 3

嘗試這個：

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

代替：

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

Answer 4

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

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

Answer 5

您應該使用setAttribute方法。 有針對您情況的我的解決方案：

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

獲得attr：

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