Как передать значение, выбранное из раскрывающегося списка на дочерней странице, в редактируемое текстовое поле родительской страницы?

Question

На одной родительской странице у меня есть иконка, нажав на которую открывается новое модальное окно. В этом окне есть раскрывающийся список, и значение, выбранное из раскрывающегося списка, должно появиться в текстовом поле родительской страницы.

html родительской страницы:

<input type="text" id="editGroupName" class="form-control"
       style="width: 250px;" placeholder="Group Name"
       ng-model="srchDealer.groupId" />
<i class="glyphicon glyphicon-new-window"
   style="margin-top:10px; margin-left:10px; float:right; font-size:larger; cursor:pointer" 
   ng-click="createNewGroupModal()"></i>

html модального окна:

<select id="srchDealerGroup" ng-model="srchDealer.groupId"
        ng-options="gr.id as gr.name for gr in dlrGroups"
        style="width: 75%;" class="form-control">
    <option value="" selected>Select Group</option>
</select>

Как связать значение раскрывающегося списка из модального окна с текстовым полем в родительском окне?

Answer 1

Почему мы не можем просто сделать это с помощью jQuery

$('#srchDealerGroup').change(function() {
  $('#editGroupName').val(this.val());

  // OR

  $('#editGroupName').val(this.val($('#srchDealerGroup').val()));
});