Javascript 选择plus选项下拉列表以播放音频文件

Javascript 选择plus选项下拉列表以播放音频文件,javascript,embed,Javascript,Embed,我想使用select plus选项下拉列表来播放音频文件。我希望避免使用提交按钮,而只使用javascript onmouseup。下面的代码应该可以工作,但只显示下拉列表和音频控件。有人能帮忙吗 <form onsubmit="return false;"> <select id="audio_select"> <option value="Happy_Birthday">Song #1</option> <option value="M

我想使用select plus选项下拉列表来播放音频文件。我希望避免使用提交按钮,而只使用javascript onmouseup。下面的代码应该可以工作,但只显示下拉列表和音频控件。有人能帮忙吗

<form onsubmit="return false;">

<select id="audio_select">
<option value="Happy_Birthday">Song #1</option>
<option value="My_Way">Song #2</option>
<option value="Satisfaction">Song #3</option>
</select> 
<button onmouseover="submitted_audio()">Submit</button>
</form>

<script>
function submitted_audio(){
link = document.getElementById("audio_select").value;
document.getElementById("audio_player").src = "audio/"+link+".ogg";
}
</script>

<audio controls><source id = "audio_player" type = "audio/ogg"></audio>

歌曲#1
歌曲#2
歌曲#3
提交
函数已提交\u audio(){
link=document.getElementById(“音频选择”).value;
document.getElementById(“audio_player”).src=“audio/”+link+“.ogg”;
}

您需要加载音频

<form onsubmit="return false;">

<select id="audio_select">
<option value="Happy_Birthday">Song #1</option>
<option value="My_Way">Song #2</option>
<option value="Satisfaction">Song #3</option>
</select> 
<button onmouseover="submitted_audio()">Submit</button>
</form>

<script>
function submitted_audio(){
link = document.getElementById("audio_select").value;
document.getElementById("audio_player").src = "audio/"+link+".ogg";
document.getElementById("audio").load();
}
</script>

<audio id="audio" controls><source id = "audio_player" type = "audio/ogg"></audio>

歌曲#1
歌曲#2
歌曲#3
提交
函数已提交\u audio(){
link=document.getElementById(“音频选择”).value;
document.getElementById(“audio_player”).src=“audio/”+link+“.ogg”;
document.getElementById(“音频”).load();
}

没有提交按钮有什么方法可以做到这一点吗?@verlager尝试收听select tag change
document.getElementById('audio_select')。addEventListener('change',function(){your code})