iframe 中的 javascript 访问和修改父级的选择元素

Question

我有这行代码，对我来说效果很好:

$("#select_mod_completed_project option[value='" + projectname + "']").remove();

它基本上只是从我的选择框中删除了一个选项。要删除的选项在“projectname”js 变量中定义。现在，当我在单个窗口中运行时，这对我来说效果很好，但我需要从 iframe 运行，并且选择框将位于该 iframe 的父级中。

Answer 1

在父文档中，设置一个执行此代码的函数:

function removeOption(projectname) {
  $("#select_mod_completed_project option[value='" + projectname + "']").remove();
}

然后只需使用 window.parent 从 iframe 调用它即可:

parent.removeOption('test');