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