更改iframe src onchange的下拉值

问题描述:

我可以非常容易地通过点击“按钮”来更改iframe的来源。但无论我尝试什么,我都无法使用下拉菜单进行同样的操作。更改iframe src onchange的下拉值

这工作:

<html> 
<body> 

<a href="google.com" target="iframe">google</a> 

<iframe name="iframe" src="yahoo.ca"></iframe> 

</body> 
</html> 

但这并不:

<html> 
<body> 
<form name="change"> 
<select name="options" target="iframe"> 
<option><a href="google.com" target="iframe">google</a></option> 
</select> 
</form> 

<iframe name="iframe" src="yahoo.ca"></iframe> 

</body> 
</html> 

任何意见将不胜感激。我发现其他类似的帖子,但都涉及使用数组 - 我不认为我应该需要?

+0

我应该提到:以上是我的网页非常简单化下来的版本 - 我只是试图让逻辑下来。 – user3088527

您需要使用JavaScript

<html> 
<body> 
<form name="change"> 
<SELECT NAME="options" ONCHANGE="document.getElementById('youriframe').src = this.options[this.selectedIndex].value"> 
<option>choise</option> 
<option value="http://microsoft.com">Microsoft</option> 
</SELECT> 

<iframe name="iframe" id="youriframe" src="yahoo.ca"></iframe> 
</body> 
</html> 
+0

你真了不起!太感谢了!太快了! – user3088527

+6

@ user3088527那么你应该接受他的回答! – meda

+1

这就是我遇到的问题,许多用户不接受答案,只是在问题解决后消失。请通过接受答案来学习欣赏他人的帮助 – zainul