Итерация списка на основе значения, выбранного из выпадающего списка в тимелист

Question

Я новичок в чабреце.У меня есть список с именем endpointCluster, содержащий команду String и конечную точку списка.В представлении у меня есть 2 выпадающих в представлении.Один для команды.Другой для конечных точек.Теперь я хочу, чтобы список конечных точек загружался на основе значения, которое мы выбрали для команды.

Вот что я написал.

<tbody>
   <tr>
      <td>Team</td>
      <td>
         <select id="teamDropdown" required="required" name="team">
            <option th:each="emp: ${endpointsCluster}" th:value="${emp.team}"
               th:text="${emp.team}"></option>
         </select>
      </td>
   </tr>
   <tr>
      <td width="25%">Endpoint Name:</td>
      <td>
         <select id="endppointDropdown" required="required" name="inputJson">
            <option  th:each="endp: ${endpointsCluster[1].endpoints}" th:value="${endp.name}"
               th:text="${endp.name}"></option>
         </select>
      </td>
   </tr>
</tbody>

Здесь, в раскрывающемся списке конечных точек, я получаю списокконечной точки для второго элемента в списке endpointsCluster.Я хочу, чтобы он динамически загружал конечные точки в зависимости от значения команды.