title: How to pass value selected from drop-down list on child page to parent page editable text box?
body: <p>One parent page I have an icon, clicking which a new modal window opens. In that window there's a drop-down list and the value selected from the drop-down should appear in the parent page text-box.</p>
  
  <p>Parent page html:</p>
  
  <pre><code>&lt;input type="text" id="editGroupName" class="form-control"
         style="width: 250px;" placeholder="Group Name"
         ng-model="srchDealer.groupId" /&gt;
  &lt;i class="glyphicon glyphicon-new-window"
     style="margin-top:10px; margin-left:10px; float:right; font-size:larger; cursor:pointer" 
     ng-click="createNewGroupModal()"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>Modal window html:</p>
  
  <pre><code>&lt;select id="srchDealerGroup" ng-model="srchDealer.groupId"
          ng-options="gr.id as gr.name for gr in dlrGroups"
          style="width: 75%;" class="form-control"&gt;
      &lt;option value="" selected&gt;Select Group&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>How do I bind the drop-down list value from the modal window with the text field in the parent window?</p>