Вставка значения из списка в ячейку таблицы HTML

Как сделать, чтобы выбранное значение в списке, добавлялось в ячейку где расположен список?

$('#mySelect').on('change', function() {
  $(this).closest('tr').find('td')
    .text($(this).val());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>
  <tr>
    <td>test</td> <!-- Нужная ячейка -->
    <td>test2</td>
  </tr>

  <tr>
    <td>
      <select id="mySelect">
        <option>1</option>";
        <option>2</option>";
      </select>
    </td>
    <td>test
    </td>
    </tr>
</table>


Ответы (1 шт):

Автор решения: Stranger
$('td > select').change(e => $(e.target).replaceWith(e.target.value));
→ Ссылка