组合多种产品以使用Javascript创建另一种产品。网上商店的提示

时间:2019-02-06 11:03:08

标签: javascript arrays object e-commerce product

我想创建一个在线商店,您可以在其中合并不同的咖啡混合物以制作自己的咖啡混合物。我看到了另一个使用此逻辑的网站,名为-www.cubicocoffee.com

基本上,您可以选择咖啡的数量(12盎司,16盎司或更多),然后从不同的单一来源咖啡豆中进行选择,然后将它们混合在一起(巴西20%,秘鲁40%,秘鲁40%哥伦比亚-例如)。完成此步骤后,您可以选择烘焙和研磨,咖啡也不错。我想创建一个在组合不同产品时使用类似逻辑的网站。

有人知道一些教程或实用的方法来实现产品选择的逻辑吗?谢谢!

1 个答案:

答案 0 :(得分:0)

您可能需要检出select HTML元素,该元素会将每个产品都包含为“选项”。给每个选项一个value属性,当有人选择一个属性时,该值将自动“复制”到select元素的值。

您将需要a counter以使用多少个所选值单位。 要将信息传递到某种类型的输出/显示字段,您需要对HTML元素的CSS selectors.innerHTML属性有所了解。

那应该可以带您上路。祝你好运,编码愉快。