通過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>