JSFiddle - React, Tailwind, and code Playground

by Ravi Iyer

HTML

<div class="searchpanel" id="CTRYID-search">
  <div class="srchbody">
    
      <button data-target="CTRYID" data-search="AD|Andorra"  class="searchrow">Send Country</button>

 </div>
 </div>

JavaScript

$(document).ready(function () { 
 
  $('.searchrow').click(function() {
    var srchdata = $(this).data('search').split("|");
    var target = ".srchtarget-" +  $(this).data('target');
    var targetoption = target + " option[value='" + srchdata[0] + "']";
      alert("Target control id in parent '" + target + "' has to be updated with value 'AD|Andorra'");
    var parentctrl = window.parent.document;
      alert((target,parentctrl).attr('id'));
    $(targetoption,parentctrl).prop("selected",true);
    $(target).select2();
  });
  
});