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，则实时功能将不起作用。如果是这样，请改用.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');

将变量值分配给div

5 个答案: