如何在用户点击时更改 iFrame 中的 src ？

Question

我是一个使用 php 或 js 编码的新手。 因此，如果我以错误的方式提出问题，请告诉我。

我希望能够将 URL 地址从链接传递并嵌入到 iFrame 的 src="URL Embedded here" 中。带有链接的页面有显示公司名称的链接，用户将单击该链接，一个新的 .php 页面将显示一个 iFrame，该 iFrame 显示该公司在我们网站内的实际网站。所以......例如......在索引页面上，用户点击“Goodyear”，它会启动一个包含显示在 iFrame 中的 Goodyear 网站的 .php 页面。现在......我有大约 20 多个供应商链接，并试图避免 20 多个单独的 html 或 php 页面来显示该数据。特别是因为供应商列表会经常更改。任何帮助将不胜感激。我指的页面是http://seindl.com/index.php，您可以在href 元素中看到相应的URL；结果链接到页面http://seindl.com/vendor.php，该页面当前显示一个静态的 Kuriyama.com 网站。

Answer 1

如果您有链接列表，则不需要 jquery 或 javascript 来更改 iFrame src。例如，如果您有这样的 iframe：

<iframe name="frame1" id="frame1" src="about:blank"></iframe>

像这样简单地创建链接：

<a href="http://something.com" target="frame1">LINK</a>

将在 iframe 中打开页面（基于链接的target 属性，该属性必须与 iframe name 匹配）。

如果你真的需要用 jQuery 来做，你可以试试这样的：

$('#frame1').attr('src','http://something.com');

或者使用没有库的 javascript：

document.getElementById('frame1').src = 'http://something.com';

这也会改变框架中打开的页面。

Answer 2

将供应商的 id 应用到 index.php 页面上的 url，如下所示：

vendor.php?id=10

然后在 vendor.php 文件中，根据 id（使用 $_REQUEST['id'] 获取 id）你可以输入 vendor 的 url。

$id =  $_REQUEST['id'];

if($id == 10){
$vendorSiteUrl = "http://vendorsiteurl.com";
}

....

<iframe src="<?php echo $vendorSiteUrl;?>"/>

希望这会有所帮助。