JSFiddle - React, Tailwind, and code Playground

HTML

<table border = 1 cell-padding = 6>
  <tr>
    <th>col1</th>
    <th>col2</th>
    <th>col3</th>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>
      <select onchange="shipIt(this,A,'B');">
        <option>pending</option>
        <option>shipped</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
    <td>
      <select onchange="shipIt(this,C,'D');">
        <option>pending</option>
        <option>shipped</option>
      </select>
    </td>
  </tr>
</table>

JavaScript

function shipIt(elem, val1, val2) {
    alert(val1, + ' & ' + val2);
    // assuming the database table update was successful
    elem.parentElement.innerHTML = 'shipped';
}