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(); 
});