Как отобразить тег родителя / главного окна из действия сохранения всплывающего окна / дочернего окна

Question

Мне нужно всплывающее окно (где я получаю), и мы выбираем флажки во всплывающем окне. Место, где я застрял - мне нужно количество флажков от всплывающего окна до родительской страницы. Подсчет происходит, но когда мы нажимаем сохранить во всплывающем окне, все родительское окно перезагружается. Что мне нужно, так это то, что мне нужно перезагрузить только ту кнопку, которую я использовал для отображения всплывающего окна при нажатии. Здесь я использую AJAX для выполнения. Пожалуйста, найдите фрагменты кода и дайте мне знать, если вам что-то нужно. Спасибо!

Вот прикрепленные фрагменты кода

НЕОЖИДАННО ВОЗНИКНУТЬ

<h:form id='popup'>
<h:panelGrid  columns="6"  cellspacing="15">
<h:selectManyCheckbox value = "#{repricing.rowOneSelectedCompetitors}" id="input">
    <f:selectItems value="#{competitor.competitorList}" var="competitor_name"
            itemValue="#{competitor_name}"/>
</h:selectManyCheckbox>
</h:outputLabel> 
</h:panelGrid>
 <h:panelGroup style="display:block; text-align:center">
    <h:commandButton  type="reset" value="Restore to Default"></h:commandButton>
     <h:commandButton value="save" type="submit">
        <f:ajax  execute="input" render="output" ></f:ajax> 
     </h:commandButton> 


  </h:panelGroup>    
  </h:form> 

Родительская страница

<div class="col-md-12 padding">
<span>
<input id= "output" type="button" value=" selected Competitors" style="width: auto; float: none; display: inline-block; padding: 0 6px; margin-right: 15px;" class="btn btn-default" data-toggle="modal" data-target="#addModal1"></input>
</span> 
</div>

Answer 1

<f:ajax execute="input" render=":myform:output"/>

Answer 2

Рендеринг только вывод текста, пока вы нажимаете кнопку Сохранить

<f:ajax  event="click" render="output"></f:ajax>