通過onchhange調用Javascript函數以更改src屬性

Question

我在舊的PC上安裝了一個Web服務器，該PC剛站着，使電影可以在本地網絡中訪問。 我已經寫了一個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"); mvsrcchange() { var mvsrc = mvform.options[mvform.selectedIndex].value; var address = mvsrc; 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"); function mvsrcchange(){ var mvsrc = mvform.options[mvform.selectedIndex].value; var address = mvsrc; document.getElementById('mvframe').src = address; } </script>