通过onchhange调用Javascript函数来更改src属性

Question

我在我的旧PC上安装了一个Web服务器，该Web服务器刚刚站在本地网络中并使电影可访问。我已经写了一个php脚本来显示该文件夹中的所有电影（所以我不必记下每一个电影并随时更新它），但这不是真正用户友好的。

我想在下面和下一个iframe下拉菜单中选择下拉菜单，iframe显示新电影。

我的代码至今：

<div> 
 
<form> 
 
<select id="movielist" onchange="mvsrcchange();"> 
 
<option value="../Filme/Film 1.mp4">Film 1</option> 
 
<option value="../Filme/Film 2.m4v">Film 2</option> 
 
<!-- usw --> 
 
</select> 
 
</form> 
 
<iframe id="mvframe" src="" width="960" height="400" frameborder="0"> 
 
</div> 
 

 
<script> 
 
var mvform = document.getElementById("movielist"); 
 
\t \t 
 
mvsrcchange() { 
 
\t var mvsrc = mvform.options[mvform.selectedIndex].value; 
 
\t var address = mvsrc; 
 
\t document.getElementById('mvframe').src = address; 
 
} 
 
</script>

但可悲的是它不工作，我无法找到我的错误。当我改变所选电影时，似乎没有任何事情发生。

感谢每一个有用的答案， Twisterado

Answer 1

关闭iframe标签正确地作出这样的HTML有效和使用函数声明的语法。

function mvsrcchange() 

或

var mvsrcchange = function() 

<div> 
 
<form> 
 
<select id="movielist" onchange="mvsrcchange();"> 
 
<option value="../Filme/Film 1.mp4">Film 1</option> 
 
<option value="../Filme/Film 2.m4v">Film 2</option> 
 
<!-- usw --> 
 
</select> 
 
</form> 
 
<iframe id="mvframe" src="" width="960" height="400" frameborder="0"></iframe> 
 
</div> 
 

 
<script> 
 
var mvform = document.getElementById("movielist"); 
 
\t \t 
 
function mvsrcchange(){ 
 
\t var mvsrc = mvform.options[mvform.selectedIndex].value; 
 
\t var address = mvsrc; 
 
\t document.getElementById('mvframe').src = address; 
 
} 
 
</script>