嗨,我有一个简单的下拉选项,允许用户在决定单击播放按钮后选择要播放的声音。当我只有一种声音可用时,它会起作用,他们只需单击它,但现在我有多种声音,并想提供一个下拉列表。我无法使其可点击。这是我的继承人。
var callButt = document.getElementById('callButt');
var ringButt1 = document.getElementById("ringButt1");
var play = document.getElementById("callButt");
var player = document.getElementById("player");
var num = -1;
var rings = [];
ringButt1.onclick = function(){
rings.push("Basic_Bell.mp3");
}
callButt.addEventListener("click", function(){
num++;
if(num > rings.length-1){
num = -1;
return false;
}
if(rings[num] != false){
player.src = rings[num];
player.play();
}
});
<select>
<option id='ringButt1'>Basic Bell</button>
<option id='ringButt2'>Upbeat Bell</button>
</select>
<audio id='player'></audio>
<button id='callButt'>CALL</button>
所以我想做的是从选项中选择一个音频(以前我只有一个按钮,我会单击该按钮,将铃声发送到阵列,然后在我单击callButt之后播放)将其发送到阵列,然后在播放时我点击通话按钮。我很抱歉,我明白这没有任何意义...
最佳答案
您可以使用更改事件并处理选择更改(选项选择)
检查更多
Change event Handling
关于javascript - 通过单击属性下拉选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46948369/