JSFiddle - React, Tailwind, and code Playground

HTML

<table border=1>
    <tr onclick="check1();">
        <td>My Options</td>
        <td>        
            <select name="" id="drop_down" onchange="check2();" data-stop-propagation="1">
              <option value="A">A</option>
              <option value="B">B</option>  
            </select>           
        </td>
    </tr>
</table>

JavaScript

function check1(e) {
  if (typeof e == "undefined")
    e = window.event;
  if (e) {
  	var sourceElement = e.srcElement || e.target;
    if (sourceElement) {
    	if (sourceElement.getAttribute("data-stop-propagation")) {
      	//element being clicked asked to ignore the event, abort
        return;
      }
    }
  }
  alert("TR clicked");
}
    
    
function check2() {
  alert("drop_down clicked");
}