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

Question

我有一个选择框和一个 iframe。当我更改选择选项时，iframe 中的内容需要更改。我使用 jquery 来更改 iframe src。要更改 src，我使用了以下代码。它有效，如果我在视图源中看到，我可以看到 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();