使用下拉菜单

时间:2015-04-24 22:42:13

标签: php iframe drop-down-menu hyperlink external

我正在使用php读取文本文件并生成一个下拉菜单,当选择一个选项时,该菜单将在新选项卡中打开链接

<select onChange="window.location.href=this.value">
<?php
if ($file = @fopen('data-receive.txt', 'r')) {
while(($line = fgets($file)) !== false) {
echo "<option style='width:100px;' value='http://{$line}'>{$line}</option>";
}
fclose($file);
}
?>
</select>

这完美无缺,并在新标签页中打开所选网站。

但是,我在页面上有一个iframe,并希望在iframe中打开下拉菜单选项而不是新标签

<iframe src="demo.html" name="test-frame" width="100%" height="500px"></iframe>

这可能吗? 任何帮助将非常感谢或sms

**已解决** 我改变了

window.href.location 

frames['test-frame'].location.href

来源: http://konus.biz/books/DHTML/%D3%F7%E5%E1%ED%E8%EA%20JS%20%EE%F2%20quirksmode/iframe.html#

1 个答案:

答案 0 :(得分:1)

<select id="changeIframe">
<?php
if ($file = @fopen('data-receive.txt', 'r')) {
while(($line = fgets($file)) !== false) {
echo "<option style='width:100px;' value='http://{$line}'>{$line}</option>";
}
fclose($file);
}
?>
</select>

<强> Ifarme:

<iframe id="sourceIframe" src="demo.html" name="test-frame" width="100%" height="500px"></iframe>

<强>使用Javascript:

var iframe = document.getElementById("sourceIframe");
var changeIframe= document.getElementById("changeIframe");

changeIframe.onchange = function()
{
    iframe.src = this.value;
}