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