옵션을 사용하여 정보를 변경하는 방법

Question

나는 이것을 수행하는 방법을 찾고 있습니다. 저는 저장 건물을 판매하는 회사에서 일하고 있으며 웹 사이트에 새로운 구성 요소를 추가하려고합니다. 하나는 대화 형입니다. 내가 원하는 것은 버튼을 눌렀을 때나 옵션이 선택되었을 때 (옵션 태그) 그림이나 텍스트를 전환 할 수있게하는 것입니다. 누구라도 도움이된다면 위대 할 수 있습니다.

이 페이지는 (몇 시간 동안) 시도한 것으로서 저에게 효과가 없었습니다.

http://progrower.coffeecup.com/shop/viewitem.php?productid=45

나는 HTML의 공정한 금액과 자바 스크립트의 최소한의 양을 알고, 그래서 가능하면 간단한 용어 말한다.

Answer 1

HTML

<select id="colour"> 
    <option>red</option> 
    <option>purple</option> 
    <option>blue</option> 
    <option>yellow</option> 
</select> 

당신은 U로 할 수 있습니다

$(document).ready(function() { 
    $('select:#colour').change(function() { 
     var colour = $(this).val(); 
     $('div').css({'background': colour}); 
    }); 
}); 

CSS

div { 
    background: red; 
    height: 150px; 
    width: 150px; 
} 

jQuery를 제품 이미지로 변경하려면 코드를 편집하십시오.

여기에 데모가 있습니다 : JSFiddle!