change <audio> src with javascript

Question

I have multiple audio files that I want to stream based on the user selects. How do I do that? This is what I have so far and it doesn\'t seem to work.

*UPDATE: Mad

Answer 1

Try this snippet

list.onclick = function(e) {
  e.preventDefault();

  var elm = e.target;
  var audio = document.getElementById('audio');

  var source = document.getElementById('audioSource');
  source.src = elm.getAttribute('data-value');

  audio.load(); //call this to just preload the audio without playing
  audio.play(); //call this to play the song right away
};

  
Audio Files
    

      
Death_Becomes_Fur.oga
      
Death_Becomes_Fur.mp4
      
rrs006.oga
      
sound_90.mp3
    
  

JSFiddle http://jsfiddle.net/jm6ky/2/