從下拉列表中加載帶鏈接的iframe

Question

我有基本的工作，我只需要正確的src從下拉列表中獲取鏈接。到目前爲止的代碼：

<form name="dropdownMenu" method="post"> 
<select name="Select1" style="width: 128px"> 
    <option value="pages/page1.php">Page1</option> 
    <option value="pages/page2.php">Page2</option> 
</select> 
<input name="Button1" type="button" value="GO" 
onclick='document.getElementById("content"). 
src="THIS IS WHAT I CANT MAKE WORK";'> 

如果我更改爲「頁/ page1.php中」它加載的iframe罰款SRC，似乎無法得到它從下拉列表中加載值。

Answer 1

給你選擇一個ID，然後引用的SELECT

<form name="dropdownMenu" method="post"> 
<select id="Select1" name="Select1" style="width: 128px"> 
    <option value="pages/page1.php">Page1</option> 
    <option value="pages/page2.php">Page2</option> 
</select> 
<input name="Button1" type="button" value="GO" 
onclick='document.getElementById("content"). 
src=document.getElementById("Select1").value;'> 

Answer 2

<script type="text/javascript"> 
function newSrc() { 
    var e = document.getElementById("MySelectMenu"); 
    var newSrc = e.options[e.selectedIndex].value; 
    document.getElementById("MyFrame").src=newSrc; 
} 
</script> 

<select id="MySelectMenu"> 
<option value="http://www.example.com">Website</option> 
</select> 

<button onClick="newSrc();">Load new source</button> 

值