用PHP,JavaScript和Html创建一个简单的购物车?

时间:2014-05-14 08:20:49

标签: javascript php 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>

我需要创建一个购物车,在用户查看时显示所有添加的项目和总价格。如果它是单个值,这不会太难,但因为我需要发送/存储3个值;颜色,设计和流行色,我不知道我应该怎么做。

我试过了:

> Sending the selected data to a table in a database. And then getting the whole table when viewing the Cart
> Using javascript to Find the ID of a shirt depending of what has been selected (Failed)

所以我的问题是:

我如何以最简单的方式为这样的东西创建购物车。或者我如何发送多个值并将它们分组,以便我可以创建一个购物车。

非常感谢!!

1 个答案:

答案 0 :(得分:1)

创建购物车的步骤:

1)有一个对象来存储值,例如。产品

product = { 
// product properties

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

2)提交表单后,在cart_main.php中获取值并填充产品对象

3)你需要一个购物车阵列。

4)对于该购物车数组,添加该对象。所以现在你有了购物车数组中的对象列表。

在UI中,您只需要显示数组中对象的数量。

单击它们的购物车时,您需要迭代对象并填充属性