我如何根据selectedIndex的值做出决定

Question

我想制作一个音频HTML标记，根据select标记中选择的选项更改其源，我该怎么做？

我在index.html文件中考虑这样的东西：

<script src="hola.js"></script>
<form name="datos">
    <select id="idioma">
        <option value="es">Español</option>
        <option value="en">Inglés</option>
    </select>
    <br />
    <button id="boton">Cambiar idioma</button>
</form>
<audio controls="controls" id="audio">Audio no disponible, para mejor funcionamiento, utilize Mozilla Firefox</audio>   

这个在hola.js文件中：

var button=document.getElementById("boton");
var idioma=document.getElementById("idioma");
var audio=document.getElementById("audio");
var lang=document.datos.idioma.options[idioma.selectedIndex].value;
button.addEventListener("click",function(){
if(lang="es"){
    audio.setAttribute("src", "audio/es.ogg");
}else if(lang="en"){
    audio.setAttribute("src", "audio/en.ogg");
}
});

Answer 1

在事件侦听器中移动lang变量声明：

var button = document.getElementById("boton"),
    idioma = document.getElementById("idioma"),
    audio = document.getElementById("audio");
document.getElementsByTagName('body')[0].appendChild(audio);
button.addEventListener("click", function () {
    var lang = document.datos.idioma.options[idioma.selectedIndex].value;
    if (lang = "es") {
        audio.setAttribute("src", "audio/es.ogg");
        audio.play();
    } else if (lang = "en") {
        audio.setAttribute("src", "audio/en.ogg");
        audio.play();
    }
});