请问下大神们，如何做到选择不同规格显示不同价格?以及数据库怎么设计最好？

数据库表是是考虑做到

表1(主要用途是 显示第一页的列表):

id ->商品的id

pid -> 父类的id

title-> 商品的标题

img-> 首页列表的图片

price1 -> 价格1

price2-> 价格2

price3-> 价格3

(会有3个价格 官方价 超值价 最低价这样)

表2：
id->自增的id

goodsid->对应表1商品的id

detailimg->商品的详情页

title->产品的套餐一样 会存在多个
（比如：同一个goodsid下的iphoneX会有10种选择 8+128G+黑色 8+256G+白色 ……一个iphoneX可能会有5条数据）

price1 -> 该分类的价格
（完）

因为页面不考虑库存和其他 只是想做个选择不同规格 显示不同价格

html页面已经写好 但是不太懂怎么渲染到页面上，请教下各位大佬

附上两张图。

选择不同的规格 请求字段改变，发起请求，获取对应规格的数据，数据更新