1

我正在尝试创建一个下拉列表，当 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 也不报告任何 JavaScript 错误。

4

2 回答 2

2

使用 DOM（因为它比 jQuery 更容易进行 DOM 操作）：

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

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

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

HTML 标记属于 HTML 文档，而不是 JavaScript 字符串。包装器应该放在文档中，而不是字符串。操作 DOM 的正确方法是使用 DOM API。

于 2012-04-19T06:55:46.103 回答
0

只需删除整个内容并将其重新附加到文档即可。它为您省去了所有的麻烦。

function midiplay(w) {   
    var j=document.getElementById('midijuke');
    j.src = w.options[w.selectedIndex].value;
    j.parentNode.insertBefore(j,j);
}
于 2012-04-18T18:50:19.257 回答