创建一个链接来更改iframe上的src


Making a link to change src on iframe

我在PHP中有一些javascript/jquery代码:

$theframe='thisbox';
echo "<a href='#' onClick='"'$('#$theframe').attr('src','http://google.com';'">
<span class='lin'>$titlehere</span></a>";

当点击,我想要它更新的iframe在页面上的id='theframe'到别的东西(像谷歌这里),而不刷新页面。

它不工作。什么好主意吗?

编辑:为了将来参考,这里是我使用的。

<a href="foo.html" target="myiframe">Foo</a>
<iframe name="myiframe"></iframe>

:基本的jQuery问题:如何通过点击链接改变iframe src ?

给框架一个名字,然后使用目标属性,忘记JS。

<a href="http://example.net/" target="myFrame">Example</a>
<iframe name="myFrame" src="http://example.com/">
    Alternative content for non-frame systems
</iframe>

创建一个新的div并通过每次点击设置其"innerHTML"值。innerHTML值然后包含一个新的iframe和它的源代码。

您需要阻止链接与event.preventDefault()的默认行为。我还拆分了html和javascript:

PHP:

echo "<a href='#' id='someID'><span class='lin'>$titlehere</span></a>";

JS:

$('#someID').click(function(ev){
    $('#theframe').attr('src','http://google.com');
    ev.preventDefault();
});