2013-12-10 6 views
2

Я могу с легкостью изменить источник 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

ответ

10

Вы должны использовать 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

Смежные вопросы