Get value from select tag on javascript

Question

I want to change the <img src> with value from my <select>.

I have the next HTML code:

<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>

and Javascript code:

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

   }

But that doesnt work. I made a test putting an alert() with cmb.options[cmb.selectedIndex].value and nothing appears. Some guess? Thank you!

Seems to get the right value for me: jsfiddle.net/EMTPw Maybe something else on your page? — sgeddes
– sgeddes, Commented May 28, 2013 at 3:15

techfoobar · Accepted Answer · 2013-05-28 03:09:56Z

3

Change your aplicarFoto() function to:

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

and in your HTML:

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

answered May 28, 2013 at 3:09

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

techfoobar Over a year ago

@Isaac - Probably because i missed the 'fotos/' prefix. :-)

José Abimael Martínez Over a year ago

Thank you, but My problem was that I declared my variable outside the function... :) anyways your answer resolved my problem! :D

Rakesh Singh · Accepted Answer · 2013-05-28 03:17:29Z

0

Try this

<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;
     }

answered May 28, 2013 at 3:17

Rakesh Singh

1,2609 silver badges8 bronze badges

Collectives™ on Stack Overflow

Get value from select tag on javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related