Quiero transferir una variable de div a otra, intente JavaScript ya que no puedo usar th: href porque no se activa porque la etiqueta tiene ejecución JS y no está abierto el enlace href. Necesito pasar la variable de alguna manera con java script

Tengo esta tabla. Necesito que se pase y.id como variable en la solicitud posterior en otro div

CÓDIGO HTML

 <tbody> <tr th:each="y : ${designationsList}"> <td th:text="${y.name}"></td> <td th:text="${y.department.name}"></td> <td class="text-right"> <div class="dropdown dropdown-action"> <a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="material-icons">more_vert</i></a> <div class="dropdown-menu dropdown-menu-right" > <a class="dropdown-item btn" data-toggle="modal" data-target="#edit_designation"><i class="fa fa-pencil mr-5"></i> Edit</a> <!-- h:href="@{/designations/update/i.id" custom:linkMethod="post" --> <a class="dropdown-item" href="#" data-toggle="modal" data-target="#delete_designation"><i class="fa fa-trash-o mr-5"></i> Delete</a> <a > </a> </div> </div> </td> </tr>

Necesito pasarlo aquí

 <form th:action="@{/designations/update/{id}(id=${y.id})}" th:object="${designationToUpdate}" th:method="post">