javascript in iframe to access and modify select element of parent

Question

I have this line of code that works fine for me:

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

it basically just removes one of the options from my select box. The option to be removed is defined in the 'projectname' js var. Now this works fine for me when running in a single window but I need to to run from an iframe and the select box will be in the parent of that iframe.

Answer 1

In the parent document, set a function that executes this code:

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

Then just call it from the iframe using window.parent :

parent.removeOption('test');