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