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

从javascript上的select标签中获取价值

2 个答案: