用PHP、JavaScript和Html创建一个简单的购物车？

我试图创建一个衬衫设计网站使用PHP购物车。用户可以设计衬衫，然后将其添加到购物车中。因此，我创建了一个表单，用户可以在其中选择自己的颜色和尺寸：

<form action="cart_main.php">
    <table>
        <tr><td>Colour:</td><td> <select>
        <option value="Blue">Blue</option>
        <option value="Red">Red</option>
        <option value="Pink">Pink</option>
        <option value="Black">Black</option>
        <option value="Grey">Grey</option>
        <option value="Beige">Beige</option>
        <option value="White">White</option>
        </select></td></tr>

        <tr><td>Design:</td><td> <select>
        <option value="T1">Skull</option>
        <option value="T2">Liquify</option>
        <option value="T3">Wings</option>
        <option value="T4">Small Skull</option>
        <option value="T5">Cogs</option>
        <option value="T6">Safety Pin</option>
        </select></td></tr>

        <tr><td>Pop Colour: </td><td> <select>
        <option value="Blue">Blue</option>
        <option value="Red">Red</option>            
        <option value="Yellow">Yellow</option>
        <option value="Purple">Purple</option>
        </select></td></tr>
        <tr><td><button id="addToCart" name="addToCart">Add to Cart</button></td></tr>

</table>
</form>

所以我的问题是：

我如何以最简单的方式为类似的东西创建购物车。或者如何发送多个值并将其分组，以便创建购物车

---

非常感谢

创建购物车的步骤：

1） 有一个对象来存储值，例如产品

product = { 
// product properties

color: "color", 
design: "skull", 
popColor: "color"
}

2） 提交表单时，在

cart_main.php

中获取值并填充到产品对象中

3） 您需要有一个购物车数组

4） 将对象添加到该购物车数组中。现在您有了购物车数组中的对象列表

在UI中，您只需要显示数组中对象的计数

---

单击购物车时，您需要迭代对象并填充属性

是否确实出现错误？你的东西怎么了？从外观上看，您至少需要命名您的输入。我没有收到错误。我的问题是，我不知道如何将所有信息发送到购物车中。我试了你的建议。我遇到了一个问题。那么表单是否调用添加新对象的javascript函数？如果是这样，这个对象是如何从购物车页面访问的？是的，您需要有javascript函数来处理表单的提交。提交表单时，使用键值对构造请求json并将其发送到PHP。它将填充到products对象中，并将添加到购物车数组中，然后返回购物车数组。该方法成功后，根据从服务器接收的购物车阵列更新购物车。希望你明白：）

product = { 
// product properties

color: "color", 
design: "skull", 
popColor: "color"
}