Javascript src 변경이 IE/Chrome이 아닌 Firefox에서 작동합니다.

Question

onchange가 백그라운드에서 자동으로 midi 파일을 재생하도록 드롭 다운 목록을 만들려고합니다. 이것은 Firefox에서 잘 작동하지만 IE와 Chrome은 QuickTime 플레이어를 가져 오지 않습니다. 정적 소스를 사용하여 소스 코드를 테스트했으며 세 브라우저 모두에서 제대로 작동합니다.

<form name="music"> 
    <select name='audiomenu' onchange="midiplay(this);"> 
     <option value="">No Music</option> 
     <option value="midi/1.mid">Background 1</option> 
     <option value="midi/2.mid">Background 2</option> 
    </select> 
</form> 
<script type="text/javascript"> 
function midiplay(what) { 
document.getElementById('midijuke').src = what.options[what.selectedIndex].value; 
} 
</script> 
<embed src="#" id="midijuke" autostart="true" loop="true" type="audio/midi" width="120" height="40"></embed> 

IE와 Chrome은 자바 스크립트 오류를보고하지 않습니다.

Answer 1

모든 것을 제거하고 문서에 다시 첨부하기 만하면됩니다. 모든 번거 로움을 덜어줍니다.

/편집 : 설명

function midiplay(w) { 
    var j=document.getElementById('midijuke'); 
    j.src = w.options[w.selectedIndex].value; 
    j.parentNode.insertBefore(j,j); 
} 

Answer 2

그냥 전체를 제거하고 문서를 다시 연결합니다. 모든 번거 로움을 덜어줍니다.

/편집 : DOM을 사용하여 설명

(가 DOM 조작 jQuery를 더 쉽게 않기 때문에) 정말

var juke = document.getElementById('midijuke'); 

juke.src = 'http://blah.com/foo.mid'; 

juke.parentNode.removeChild(juke).appendChild(juke);