javascript - getElementByID 在 Firefox 中有效，但在 IE 和 Chrome 中无效

Question

function change1() { 
document.getElementById("video").src = document.myvid1.vid_select.options[document.myvid1.vid_select.selectedIndex].value
}

<form name="myvid1">
<select id="vid_select" onChange="change();">
<option value="http://www.youtube.com/v/nN8Si5LKyY?autoplay=1">Test1</option>
<option value="http://www.youtube.com/v/CdKUtZIDzEg?autoplay=1">Test2</option>
</select>
</form>

<object width="650" height="450">
<embed id="video" src="http://www.youtube.com/v/IiJx4a1cxRk" type="application/x-shockwave-flash" width="650" height="450" />
</object>

上面的代码可以在 Firefox 中运行，但不能在 IE 和 Chrome 中运行。

Answer 1

试试这个，以避免任何潜在的特定于浏览器的选择器混淆:

<script>
function change(newsrc) {
    document.getElementById('video').src = newsrc;
}
</script>

<form name='myvid1'>
    <select id='vid_select' onchange='change(this.value)'>
        <option value="http://www.youtube.com/v/nN8Si5LKyY?autoplay=1">Test1</option>
        <option value="http://www.youtube.com/v/CdKUtZIDzEg?autoplay=1">Test2</option>
    </select>
</form>

<object width='650' height='450'>
    <embed id="video" src="http://www.youtube.com/v/IiJx4a1cxRk" type="application/x-shockwave-flash" width="650" height="450" />
</object>