在Html中添加值

-1

我正在创建HTML发票。我们使用的系统将数据输出到HTML中的HTML。我把相关的标签（如{{order_purchasedate}}），并在那里显示值。在Html中添加值

我需要发票来显示订单中所有项目的总订单重量。权重将显示为列表中的数字，例如“60 80 120”，只有一个空格将它们分开。

如何添加数字是html，只显示总数？

我知道我可以使用Java，但我不熟悉这一点。如果有人能够帮助那会很好。

本

*编辑我已经尝试了代码。我正在努力获得输出。我相信你们必须认为我是个白痴！

<!DOCTYPE html> 
<html> 
<body> 

<h1>Invoice</h1> 

<p id="order_weight"></p> 

<script> 
getTotal = function(values){ 

    var total = values.split(" ").reduce(function(a,b){ 

     a = parseInt(a) 
     b = parseInt(b) 

     return a+b 

    }); 

    return total 
} 
document.getElementById("order_weight").innerHTML = getTotal(a+b); 
</script> 

</body> 
</html>

来源

2014-11-06 Ben

你能提供一个代码示例吗？你想要达到的目的不能用HTML完成，所以一些代码可能会有帮助，因为在这种情况下，javascript或php可能会有所帮助。 – Kommodore 2014-11-06 10:30:12

您可以使用JavaScript获取您的值并计算总值。

getTotal = function(values){ 

    var total = values.split(" ").reduce(function(a,b){ 

     a = parseInt(a) 
     b = parseInt(b) 

     return a+b 

    }); 

    return total 
}

，然后只需要调用该函数

getTotal(x)

其中x是你的清单

这里是工作示例： http://jsfiddle.net/o89f1mj5/1/

来源

2014-11-06 10:48:42 mgibala

感谢您的帮助。我仍然在学习这一切，这里有这样的知识库。我将如何在我的HTML代码中加入？ – Ben 2014-11-06 13:04:02

欢迎您。需要看到你的代码能够帮助你实现。 – mgibala 2014-11-06 14:01:05

<body> 

<h1>Invoice</h1> 

<p id="order_weight"></p> 
    <input id="total" name="total" type="text"></input> 
    <input id="totalBtn" type="button" value="Get Total" onClick="getTotal();"></input> 
</body> 

<script> 
    function getTotal() { 
    var values = $('#total').val(); 
    alert(values); 
    var total = values.split(" ").reduce(function(a,b){ 

     var a = parseInt(a); 
     var b = parseInt(b); 

     return a+b; 

    }); 

    document.getElementById('order_weight').innerHTML = "Value: " + total; 
} 

</script>

工作JS小提琴：http://jsfiddle.net/o89f1mj5/9/

在的jsfiddle把“5 15 30”到文本框（当然没有引号），它将使该段是50

这是@mgibala前面所做的那样使用文本框和一个按钮。他的回答应该被接受，我只是在给你一个可变输入选项的应用程序。

来源

2014-11-07 21:26:36

在Html中添加值

回答

相关问题