JSFiddle - React, Tailwind, and code Playground

HTML

<div class="area">
<select><option>Choose</option><option>One</option><option>Two</option><option>Three</option></select><div class="show">
    </div>
</div>


<div class="area">

<input type="text" name="nameget"/>
<div class="show">
    </div>
</div>

<table><thead><tr><th>Title 1</th><th>Title 2</th><th>Title 3</th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>

CSS

td,tr {border: 1px #222 solid;}

JavaScript

$(function (){
  $('.area').each(function(){
   var area = $(this),
       selectbox = area.find('input'),
       show = area.find('.show'),   
       dialog_open =  $(this).find(".dialog_open");
       
      
   input.change(function(){
    selectbox = $(this).find('#nameget').text();
    show.html('<a href="#" onclick="javascript: return false" class="dialog_open">'+selectbox+'</a>')
    });
         
   var foo = function() {
   var dialog_open_text = $(this).find(".dialog_open").text();
      $('td').html(dialog_open_text);
   };
      
   show.on( "click",dialog_open, foo );
 
   show.off( "click", dialog_open, foo );
      
   /*show.one( "click",dialog_open, foo ); */
  /* show.on('click',dialog_open, function(){
      var dialog_open_text = $(this).find(".dialog_open").text();
      $('td').html(dialog_open_text);
   }); */
      
  });
  
});