Как я могу принять решение в соответствии со значением 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"); 
} 
});