I have XSL+JavaScript webpage, there is a hyperlink (window.open) which opens AngularJS(developed) pop up page. In pop up, I have dropdown value with Occupations. When I select any occupation and clicking the submit button, I am not getting the selected occupation value back to webpage.

XSL+Javascript

EmpInfo.js

OpenOccupation()
{
  OccupationReturnValue = window.open("MyAngularURL", "MyTitle", 800, 500);
}

Opened the pop up and selected occupation, I have Submit button to send back to calling function "OpenOccupation()" and assign to OccupationReturnValue, but unable to send value to calling function.

In Submit button click code is below.

SubmitOccupation()
{  
     return (this.occupationCtrl.value?.OccupationDesc);             
}

I dont know what need to be done to get that value, once the clicked Submit from pop up.

After clicking Submit button, the pop up should close and selected occupation will be available in the OccupationRetunnValue.