JSFiddle - React, Tailwind, and code Playground

by nobuts

HTML

<table>
  <tr>
    <th style="width: 15%;">Name</th>
    <th style="width: 15%;">Marks</th>
    <th>Grade</th>
  </tr>

  <tr id="circleZoneRowId">
    <td style="text-align:centre;">${circlesContent.circleCode}</td>
    <td style="text-align:left;">${circlesContent.circleName}</td>
    <td style="text-align:left;">
      <select id="zoneComboId">
        <option>1</option>
        <option>2</option>
      </select>
    </td>
  </tr>
</table>

JavaScript

$("#zoneComboId").change(function() {
  $('tr').css({
    'background-color': 'green'
  });
});