如何根据表单选择更新价格

时间:2010-12-20 02:28:00

标签: javascript jquery

如果您查看此网站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非常混乱。我也尝试在线查找一个小例子,我无法做到。如果你知道你能把我联系到一个吗?如果这个方法有一个名字让我知道

感谢

1 个答案:

答案 0 :(得分:0)

你是对的。

查看firebug或chrome,对于变量'variants',它获得了所有的价格。还要在输入元素上查找事件处理程序。埋藏在所有嵌套,嵌套和嵌套层中的是对该数组的引用。

编辑 -

一般方法很简单

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