HTML中的基本Javascript函数

HTML中的基本Javascript函数,javascript,html,select,button,Javascript,Html,Select,Button,首先,我在Zend服务器上运行代码。 我试图做的是有一个选择下拉列表,用户可以选择不同的声音。当他们选择一个时,他们按下Quack按钮,然后播放他们选择的声音。我哪里有密码 document.getElementById("test").innerHTML = "Quacked"; 我需要输入代码来播放音频,但我不知道如何播放。此外,我无法找出检索select下拉列表的当前值所需的代码。我在哪里 var x = document.getElementById("Quack").innerHTM

首先,我在Zend服务器上运行代码。 我试图做的是有一个选择下拉列表,用户可以选择不同的声音。当他们选择一个时,他们按下
Quack
按钮,然后播放他们选择的声音。我哪里有密码

document.getElementById("test").innerHTML = "Quacked";
我需要输入代码来播放音频,但我不知道如何播放。此外,我无法找出检索select下拉列表的当前值所需的代码。我在哪里

var x = document.getElementById("Quack").innerHTML;
我需要用所选选项的值替换
Quack
。我该怎么做

<br>
Select: 
<select id = "mySelect">
    <option value="Quack">Quack</option>
    <option value="Chirp"><Chirp</option>
</select>

Press: 
<button type="button" onclick="quack()">Quack!~</button>

<p id = "test"></p>

<script>
    function quack(){
        var x = document.getElementById("Quack").innerHTML;
        if(x=="Quack"){
            document.getElementById("test").innerHTML = "Quacked";

        }
        if(x=="Chirp"){
                document.getElementById("test").innerHTML = "Chirped";
        }
    }
</script>
<br>

选择: 江湖郎中
您可以像这样获得下拉列表中选定索引的值

var e = document.getElementById("Quack");
var x = e.options[e.selectedIndex].value;
<audio id="IDforYourAudioTag" src="test.wav" preload="auto"></audio>
然后你可以简单地播放你喜欢的音频

document.getElementById('IDforYourAudioTag').play();   //HTML
一个