将变量值分配给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');