드롭 다운 목록에서 링크가있는 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

당신의 SELECT 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> 

의 값을 참조