Javascript 下拉菜单根据用户选择更新价格？

Question

我有一个下拉菜单，是这样的：

    <select name="material>
    <option value="1">Wood</option>
    <option value="2">Metal</option>
    <option value="3">Plastic</option>
    </select>

现在基于使用值（id）的选择，我想使用 javascript 更新页面上的价格（即通过发布）。下拉列表中的值是材料的 ID，我可以访问页面上的价格，因为所有这些详细信息都以数组的形式返回。对此的任何帮助将不胜感激。

谢谢

Answer 1

这应该适合你：

var price = new Array('','$12.00','$18.00','$0.89');
$(function(){
    $('select[name=material]').change(function(){
       alert(price[$(this).val()]);
    }); 

    // Trigger on dom ready
    $('select[name=material]').change();
});