Получить значение из тега select на javascript

Question

Я хочу изменить <img src> со значением от моего <select>.

У меня есть следующий HTML-код:

<img id="fotosel" /><br/> 
<select id="cmbfotos" onchange="aplicarFoto()"> 
    <option value="gokussj3.jpg">Goku SSJ3</option> 
    <option value="gokussj4.jpg">Goku SSJ4</option> 
    <option value="gohanssj2.jpg">Gohan SSJ2</option> 
    <option value="gotenks.jpg">Super Gotenks</option> 
    <option value="krilin.jpg">Krilin</option> 
</select> 

и Javascript код:

var fotosel = document.getElementById("fotosel"); 
    var cmb = document.getElementById("cmbfotos"); 
    function aplicarFoto(){ 
    fotosel.src = "fotos/"+cmb.options[cmb.selectedIndex].value; 

    } 

Но это не работает. Я сделал тест, положив alert() с cmb.options[cmb.selectedIndex].value, и ничего не появляется. Некоторые догадываются? Спасибо!

Answer 1

Изменить aplicarFoto() функцию:

function aplicarFoto(_src) { 
    fotosel.src = 'fotos/' + _src; 
} 

и в вашем HTML:

<select id="cmbfotos" onchange="aplicarFoto(this.value)"> 
    ... 
</select> 

Answer 2

Попробуйте

<img id="fotosel" /><br/> 
<select id="cmbfotos" onchange="aplicarFoto(this.value)"> 
    <option value="gokussj3.jpg">Goku SSJ3</option> 
    <option value="gokussj4.jpg">Goku SSJ4</option> 
    <option value="gohanssj2.jpg">Gohan SSJ2</option> 
    <option value="gotenks.jpg">Super Gotenks</option> 
    <option value="krilin.jpg">Krilin</option> 
</select> 

Javascipt:

var fotosel = document.getElementById("fotosel"); 

    function aplicarFoto(elmImage){ 
     fotosel.src = "fotos/"+elmImage; 
    }