iframe中的javascript以访问和修改父级的select元素

Question

我有这行代码适合我：

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

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

Answer 1

在父文档中，设置一个执行以下代码的函数：

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

然后只需使用window.parent从iframe调用它：

parent.removeOption('test');