JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myform">
  <input type="hidden" value="" name="edit">
  <table>
    <tr data-id="10">
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr data-id="11">
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr data-id="12">
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr data-id="13">
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
    <tr data-id="14">
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>5</td>
    </tr>
  </table>
</form>

CSS

table {
  width: 100%;
}
td {
  padding: 5px 10px;
}
tr:nth-child(odd) {
  background-color: #eee;
  
}
tr {
  cursor: pointer;
}
tr:hover {
  background-color: #ccc;
}

JavaScript

var form = $('#myform');
$('tr', form).on('click', function(){
	// получаем id текущего элемента
	var id = $(this).attr('data-id');
  //вставляем id текущего элемента в скрытое поле
	$('input[name="edit"]', form).val(id);
  alert('ID ряда ' + id);
  //отправляем форму, а лучше вообще использовать AJAX
  //form.trigger('submit');
})