如何在浏览器内将两个数值相乘(以计算价格)，而不实际刷新页面

我哥哥开了一家杂货店。他问我是否可以创建一个网站来在线订购杂货，这样他就可以把杂货送到家里。

我懂HTML, CSS和一点PHP。

我想问一下是否有人会指导如何在浏览器上进行计算。比如我在卖芒果。我会显示单位重量的价格。然后我会提供一个下拉菜单，买家可以从中选择重量。在它的旁边会进行计算，他可以在同一页上得到他必须支付的总价格。

在那之后我知道该怎么做。当他按下提交时，我将使用PHP中的header命令将总数传递给确认页。

请注意，我是在送货现场付款，所以我不需要付款方式。