Javascript srcの変更がFirefox/Firefoxで動作しない

Question

onchangeが自動的にバックグラウンドでmidiファイルを再生するドロップダウンリストを作成しようとしています。これはFirefoxでもうまくいきますが、IEとChromeはQuickTimeプレーヤーを起動することさえしません。私は、静的なソースを持つ埋め込みコードをテストし、3つのブラウザすべてで問題なく動作します。

<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はどちらもJavaScriptエラーを報告していません。

Answer 1

すべてを削除して、ドキュメントに再度添付します。それはあなたにすべての面倒を保存します。

/編集：明確化

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

Answer 2

ちょうど全体を削除し、文書にそれを再接続します。それはあなたにすべての面倒を保存します。

/EDIT ：DOMを使用して明確化

（それはDOM操作jQueryのよりも簡単しているため）：本当に

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

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

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