基于framework7 v1智能选择弹出选择jQuery多个请求运行

Question

我正在使用智能选择进行选择，并使用ajax来获取数据

这是我的代码，当我根据弹出打开请求的数量打开一个弹出窗口时，该请求越来越多，我尝试使用一个普通的选择框，并且工作正常。当我使用Framework 7 Smart选择仅发生此问题

请对此提供建议

<form id="frmprofilesubmit" method="POST" enctype="multipart/form-data">
  <div class="list-block">
    <ul>
      <li>
        <!-- Smart select, will be opened in Popup -->
        <a href="#" class="item-link smart-select smart-select-init" data-open-in="popup" data-virtual-list="true" data-page-back-link-text="Go back">
          <!-- select -->
          <select class="send_data" id="groom_br" name="groom_br">
            <option value="Select" selected="" disabled="">Select</option>
            <option value="groom">Groom</option>
            <option value="bride">Bride</option>
          </select>
          <div class="item-content">
            <div class="item-inner">
              <!-- Select label -->
              <div class="item-title">I am a</div>
            </div>
          </div>
       </a>
     </li>
   </ul>
 </div>

 <div class="margin-bottom-15">
   <a href="" class="button button-fill btn1 btnNext">
     <img src="http://via.placeholder.com/24x24?text=env&mail.png" width="20" 
class="img-icon"/>
     <div class="text-alignment-problems">Next</div>
   </a>
 </div>
</form>

jQuery

$$('.btnNext').on('click', function(){ 
    var groom_br = $("#groom_br option:selected" ).text();
    if (groom_br == 'Select') {
        validation = false;
        myApp.alert('Bride/Groom Required');
    }
});