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