След смяна на селект зареждане на различно изображение

[uphero]

Имам форма със селект и искам когато се смени да се зарежда различна картинка според избора автоматично и без рефреш.
Пример:

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<img src="1.png">

при различн избор да се сменя и картинката с ajax.

 

[anonimen]

Съвсем просто е - добавяш това в select тага:
[js]onchange="document.getElementById('image_to_be_changed').src=this.value"[/js]
Няма нужда от jQuery, ajax и други сложнотии :?:
Ето пример - http://jsfiddle.net/8t6sya4j/

Как рабоит?
В value-атрибута на option-ите държиш адресите на картинките. Когато select-ът се onchange-не, задаваш на src-атрибута на img-тага да бъде избрания option.

 

[uphero]

Съвсем просто е - добавяш това в select тага:
[js]onchange="document.getElementById('image_to_be_changed').src=this.value"[/js]
Няма нужда от jQuery, ajax и други сложнотии :?:
Ето пример - http://jsfiddle.net/8t6sya4j/

Как рабоит?
В value-атрибута на option-ите държиш адресите на картинките. Когато select-ът се onchange-не, задаваш на src-атрибута на img-тага да бъде избрания option.

За човек избягващ JS е сложно повярвай. Мерси.