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();">
              <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.srcElement.id != "drop_down") {
    alert("TR clicked");
  }
}
    
    
function check2() {
  alert("drop_down clicked");
}