Javascript dropdown updates the price based on the users selection?

I have a dropdown, which is like so:

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

Now based on the selection usind the value(id) I wo开发者_如何学编程uld like to update the price on the page using javascript (ie with posting). The values in the dropdown are the id for the material, I do have access to the price on the page as all of these details are returned as an array. Any help with this would be appreciated.

Thanks

---

This should work for you:

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