When I select a select option it would appear that a different image appears in the img I created, but it is not working.
HTML code
<select id="produtos" onchange="mudaFoto()">
<option value="">Selecione o Produto</option>
<option value="ac-uniao">Áçúcar Refinado união</option>
<option value="ac-guarani">Áçúcar Refinado Guarani</option>
<option value="AM">AM</option>
</select>
Javascript code
var foto = document.getElementById('imagem-produto').src;
function mudaFoto() {
switch(document.getElementById('produtos').selectedIndex()) {
case 1: foto = "_imagens/acucar-uniao.png";
break;
}
}