我想使用选择加选项下拉列表来播放音频文件。我想避免使用提交按钮,而只使用 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>
最佳答案
您需要加载音频
<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>
关于javascript - 选择加号选项下拉列表来播放音频文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52554021/