JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<table>
<tr>
  <th>What i need?</th>
  <th>Really?</th>
</tr>
<tr>
  <td>
    <select>
      <option value="yes">Bier</option>
      <option value="yes">V(W)odka</option>
      <option value="no">Water</option>
    </select>
  </td>
  <td></td>
</tr>
<tr>
  <td>
    <select>
      <option value="yes">McDonalds</option>
      <option value="yes">Burger King</option>
      <option value="no">Fish</option>
    </select>
  </td>
  <td></td>
</tr>
</table>

CSS

table, td {
  border: 1px solid #ccc;
}

JavaScript

$('table').find('select').on('change', function() {
   var $select = $(this);
   var selectedText = $select.find('option:selected').text();
   var selectedValue = $select.val();
   $select.parent().next('td').html('Oh ' + selectedText + ', ' + selectedValue + '!!!');
});