Javascript 从选择菜单中单击某个选项时，如何更改音频源？

我有一系列的声音，我把它们归于一个空的音频 看起来是这样的：

                <audio id = "audio4" controls>

                    <source id = "audioSourceAside" type="audio/mpeg">  

                </audio> 

---

我在我想使用的每个选项中都添加了一个“更改”事件侦听器，但它不起作用，音频源保持为灰色，即使我强制它通过chrome的控制台获取源，它也会变为灰色。

使用

更改
事件附加到
元素。在
change
处理程序中，调用
节点上的
.pause（）
，将
元素的
.src
设置为
。
元素的值，调用
.load（）
，然后调用
音频节点上的
.play（）


var select=document.querySelector（“select”）；
var audio=document.querySelector（“音频”）；
var source=audio.querySelector（“源”）；
select.onchange=function（）{
audio.pause（）；
source.src=this.value；
load（）；
音频播放（）；
}

选择要播放的音频
以愤世嫉俗的微笑回报
Didgeridoo 1以隐藏部落为生


在
元素中，您在哪里设置
.src
？你说“它变灰了”是什么意思？var aSoundPlayer=document.querySelectorAll（“音频源”）；这没有设置
src
属性，
document.querySelectorAll（“音频源”）
只获取
元素。是的，但是因为有很多元素，我使用了，例如aSoundPlayer[3]。src结果是什么？这很有效！但是每次你想停止声音，它都会给你一个错误。。这并不太好，因为您的代码更改了源代码，并且第一个选项删除了src，并为其提供了一个未定义的源代码，它会说：net:：ERR_FILE\u NOT_found第一个
可以删除。您也可以使用放置在
元素之前或附近的
元素，向用户提供有关其选择选项的通知，如果在
中使用
if
条件，则将
事件更改为仅设置
。如果所选选项索引不是
0
或所选选项
，则src
。值
不等于“选择要播放的音频”