javascript - 如何根据表格选择更新价格

Question

如果你看看这个网站http://www.graphicfirm.com/product.php?productid=2010

查看当您从选择选项中选择某项时价格如何变化？这是怎么做到的？ 每个选择看起来像这样

<select onchange="javascript: check_options();" name="product_options[326831]" id="po326831">
<option value="564273">No</option>
<option value="564272">Yes (+ $10.00)</option>
</select>

我不明白的是，选择选项的值不包括将与总计一起累积的价格。我猜每个项目(例如 564272)都在一个关联数组中，并带有与之关联的价格。有人可以给我写一个例子吗？我尝试了解该页面上的内容，但 javascript 真的很乱。我还尝试在网上查找一个小示例，但我做不到。如果你知道你能把我和一个联系起来吗？如果此方法有名称，请告诉我

谢谢

Answer 1

你是对的。

查看 firebug 或 chrome，对于变量“variants”，它包含了所有价格。还要查找输入元素上的事件处理程序。隐藏在所有嵌套、嵌套和更多嵌套层中的是对该数组的引用。

编辑--

一般的做法很简单

1. 填充价格的选项键数组。
2. 在输入元素上放置一个事件处理程序。处理程序是或调用更新价格的函数。
3. 编写更新价格的方法。此方法将从输入中获取所有需要的值，并执行更新价格所需的操作。