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

Question

我有这样一行代码，对我来说很好用：

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

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

Answer 1

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

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

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

parent.removeOption('test');