js和MySQL提取所有查到的商品价格,设置所有查到的商品数量并计算购物车价格总和并显示到当前页
时间: 2024-02-16 09:03:16 浏览: 110
好的,这就需要在上一个问题的基础上进行一些修改。假设你要将购物车的价格总和显示到当前页的某个元素中,可以创建一个 span 元素,将它的 id 设置为 "total-price",然后使用如下的 JavaScript 代码将购物车的价格总和显示出来:
```javascript
var totalPriceElement = document.getElementById('total-price');
totalPriceElement.innerHTML = totalPrice;
```
上面的代码中,getElementById() 函数用于获取 id 为 "total-price" 的 span 元素,innerHTML 属性用于设置元素的内容为购物车的价格总和。假设购物车的价格总和为 110 元,那么页面上显示的内容就为 110。
综上所述,你可以使用如下的 JavaScript 代码来提取所有查到的商品价格,设置所有查到的商品数量并计算购物车价格总和并显示到当前页:
```javascript
// 从MySQL数据库中提取所有查到的商品价格和数量信息
var prices = [10, 20, 15]; // 假设所有查到的商品价格分别为 10 元、20 元、15 元
var quantities = [3, 2, 4]; // 假设所有查到的商品数量分别为 3、2、4
// 获取用户输入的购买数量
var quantityInputs = document.querySelectorAll('[id^="quantity-input-"]');
var quantities = [];
for (var i = 0; i < quantityInputs.length; i++) {
var quantity = parseInt(quantityInputs[i].value);
quantities.push(quantity);
}
// 计算购物车中所有商品的总价
var totalPrice = 0;
for (var i = 0; i < prices.length; i++) {
totalPrice += prices[i] * quantities[i];
}
// 将购物车价格总和显示到当前页
var totalPriceElement = document.getElementById('total-price');
totalPriceElement.innerHTML = totalPrice;
```
注意,上面的代码仅供参考,实际情况可能会有所不同,需要根据具体情况进行调整。同时,需要确保页面中存在 id 为 "total-price" 的元素,否则上面的代码会出现错误。
阅读全文