Как сменить информацию с помощью опций

Question

Я пытаюсь выяснить, как это сделать. Я работаю в компании, которая продает здания хранения, и я пытаюсь добавить некоторые новые компоненты на наш сайт, а другой - интерактивный. Я хочу, чтобы можно было переключать изображения или текст (желательно оба) при нажатии кнопки или выборе опции (тег опции). Если кто-то может помочь, это будет здорово.

Эта страница является тем, что я пытался (в течение нескольких часов), и она не работает для меня.

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

Я знаю достаточное количество HTML и минимальное количество JavaScript, поэтому говорить простыми словами, если это возможно.

Answer 1

HTML

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

CSS

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

JQuery

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

Вы можете U изменить код для изменения изображений продукта.

Демо-версия: JSFiddle!