Изменить изображение при выпадающем списке

Question

У меня есть окно с раскрывающимся списком в моей установке CS-Cart, которая имеет динамически созданные значения, например. 3110, 3111, 3112, 3113 ....

Мне нужно изменить изображение ниже раскрывающегося списка на основе выбранного значения в раскрывающемся списке.

Я смотрел на этот скрипт - http://www.javascriptkit.com/script/cut173.shtml, но использование этого будет зависеть от использования созданных вручную значений. (Смотри ниже для кодирования)

Сценарий:

<script language="javascript"> 
<!-- 
function showimage() 
{ 
if (!document.images) 
return 
document.images.pictures.src= 
document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value 
} 
//--> 
</script> 

HTML:

<table border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="100%"><form name="mygallery"><p> 
<select name="picture" size="1" onChange="showimage()"> 
<option selected value="image1.gif">Picture of me</option> 
<option value="image2.gif">Picture of my aunt</option> 
<option value="image3.gif">Picture of my brother</option> 
</select> 
</p> 
</form> 
</td> 
</tr> 
<tr> 
<td width="100%"><p align="center"><img src="image1.gif" name="pictures" width="99" height="100"></td> 
</tr> 
</table> 

Что мне нужно сделать, так это ссылается на значение в раскрывающемся списке? это для одного продукта и только нужно сделать для этого, чтобы не было беспокойства о изменениях значений и т. д.

Это код, который создается на переднем конце страницы, который мне нужен. связать сценарии для:

<select name="product_data[29821][product_options][742]" id="option_29821_742" onchange="fn_change_options('29821', '29821', '742');" > 
<option value="">Choose...</option>                  <option value="3111" >LC </option> 
<option value="3110" >LC/A </option> 
<option value="3112" >E2000 </option> 
<option value="3113" >E2/A </option> 
<option value="3114" >FC /option> 
<option value="3115" >FC/A </option> 
<option value="3116" >ST </option> 
<option value="3117" >SC </option> 
<option value="3118" >SC/A </option> 
</select> 

Answer 1

Вот что вам нужно сделать:

function listen(event, elem, func) { 
    if (elem.addEventListener) { 
    elem.addEventListener(event, func, false); 
    } else if (elem.attachEvent) { 
    elem.attachEvent(event, func); 
    } 
} 

var select = document.getElementById('picture'); // give your select element an ID for ease and speed of DOM traversal 

listen('change', select, function() { 
    var val = this.options[this.selectedIndex].value; 
    var image = new Image(); 
    image.src = val; 
}); 

Answer 2

ниже код будет оповещать выбранное значение (а не текст, значение) на OnChange событие

function selectOnchange(slt) { 
    alert(slt.value); 
} 

<select onchange="selectOnchange(this)"></select> 

это может помочь вам