Question

从 javascript 上的选择标签获取值

2013-05-28

5222

javascript html html-select

我想用 <select> 中的值更改 <img src> 。

我有以下 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;
     }