Javascript 多期权动态定价有机代码

这件事快把我逼疯了，所以我希望你们能教我一点

我的目标是为产品页面创建多选项动态定价表。我的概念是，产品的所有信息都通过相关表插入到数据库中。每个产品都有一个表，其中包括基本信息id、名称、描述、基本成本等，每个项目都会得到一行。然后，相对表为每个可用选项id、pid[上表中产品的id]、选项名称[如尺寸2oz]、值[此选项的附加成本]、选项组[3个选项，a、b和c，用于确定此选项属于哪个下拉组]。结果是这样的：

php:

这很好，下拉列表的html目前正在使用中，但基于我所做的许多javascript尝试，已经做了很多更改：

     <div class="left_col">
          <h3 id="price"></h3>
          <?php echo $a_opt; ?><br />
          <?php echo $b_opt; ?>
    </div>

---

javascript是最让我头疼的，我知道我必须清理变量，清理html，消除中断，等等，我只想让它工作，然后我会根据需要清理一切。我已经尝试了各种各样的代码，我发现它们与多个下拉列表等相关，但都不起作用。我相信这是因为我正在动态地呈现信息，但基本上我需要根据组创建最多3个下拉列表，其中每个选定的更新创建一个实时的价格更新。从第一个表来看，基价是动态的，比如100美元，然后每个选项都有一个值，比如10美元，所以当我选择该选项时，价格显示为110美元。我发现这个教程非常棒，但是它不能正确地处理动态内容，但是它非常接近我正在尝试的内容。希望这是清楚的，对不起这本书，但我只是想尽可能清楚。谢谢

你能发布你的javascript代码吗？另外，一个JSFIDLE或一张你想要的图片可以帮助人们理解。在教程中，我尝试了一些javascript逻辑，但实际上我使用了20种不同的脚本，没有一种工作正常，所以我没有任何东西，但javascript是我最薄弱的语言。一张图片不会真的做任何事情，因为它只是一个有3个下拉列表的表单，这是我正在努力解决的逻辑，最好的想法是在链接教程中，实际上3个不同的下拉列表会实时改变价格。所以我有了价格div，javascript用动态基本成本填充该div，然后对于选择的每个选项，价格都会随着选项的价值而增加。也感谢您的评论，我会尝试将一个JSFIDLE放在一起，但我还没有创建任何可以正确添加的javascript，所以它只是上面的代码。这是我放在一起的一个JSFIDLE，以及我的一次JS尝试，但问题是我必须将静态数据放在其中，因为我正在构建的实际系统中的大多数数据都是动态的@这有意义吗？如果有什么困惑，我很乐意澄清。

     <div class="left_col">
          <h3 id="price"></h3>
          <?php echo $a_opt; ?><br />
          <?php echo $b_opt; ?>
    </div>