JSFiddle - React, Tailwind, and code Playground

HTML

<div class="whole">
  <ul>
    <li>first
      <select class="a">
        <option></option>
        <option>reject</option>
        <option>hire</option>
      </select>
      <span class="btn btn1">button</span></li>
    <li>second
      <select>
        <option></option>
        <option>reject</option>
        <option>hire</option>
      </select>
      <span class="btn btn2">button</span></li>
    <li>third
      <select class="a">
        <option></option>
        <option>reject</option>
        <option>hire</option>
      </select>
      <span class="btn btn3">button</span></li>
  </ul>
</div>

CSS

li {
  padding: 2em;
}

.btn {
  color: red;
}

JavaScript

$('select').change(function() {
	var $changed = $(this);
 bindClick($changed);
});
var bindClick = function($el){
$el.next().addClass('active')
$('.whole').off('click','.active')
	$('.whole').on('click','.active',function(){
  	console.log('ciao');
  });
}