javascript - 通过单击属性下拉选择

Question

嗨，我有一个简单的下拉选项，允许用户在决定单击播放按钮后选择要播放的声音。当我只有一种声音可用时，它会起作用，他们只需单击它，但现在我有多种声音，并想提供一个下拉列表。我无法使其可点击。这是我的继承人。

 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之后播放)将其发送到阵列，然后在播放时我点击通话按钮。我很抱歉，我明白这没有任何意义...

Answer 1

您可以使用更改事件并处理选择更改(选项选择)

检查更多

Change event Handling