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

Question

我有一个下拉列表中，这是像这样：

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

现在基于选择usind值（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(); 
});