javascript - 从javascript上的选择标签获取值(value)

Question

我想更改 <img src>来 self 的 <select> 的值(value).

我有下一个 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>