javascript - 如何通过更改选择选项来更改 iframe 内容

Question

我有一个选择框和一个 iframe。当我更改选择选项时，iframe 中的内容需要更改。我使用 jquery 更改 iframe src。为了更改 src，我使用了以下代码。它有效，如果我在 View 源中看到，我可以看到 src 值的变化。但是 iframe 中的内容没有变化。

$('#myframe').attr('src', "http://www.option"+value+".html");

问题:如何使用这个新的 src url 来加载我的 iframe？

Answer 1

你不应该使用这种策略(它有很多问题，例如 IE 不喜欢空白的 src)。

相反，删除并使用新的 src 重新创建一个新的 iframe。

$('#myframe')
    .before('<iframe src="blah.htm"></iframe>')
    .remove();