Как обновить пару элементов одним запросом? HTMX

У меня есть несколько выпадающих списков. Первый - родительский, а второй - дочерний. То есть, когда я выбираю значение в первом выпадающем списке, значения во втором обновляются. Также у меня есть один div для результата. Поэтому, когда я выбираю элемент из первого выпадающего списка, второй выпадающий список и значения из result div должны как-то обновляться с помощью HTMX.

Вот примитивная схема кода:

<div>

  <div class="grid-container">
    
    <div id="dropdonw-1">
      <select>
         <option 
           value="1"
           hx-post="/url"
           hx-swap="innerHTML"
           hx-target="#dropdonw-2"   <---- How to specify a couple of targets? 
         >
              VALUE
         </option>
      </select>
    </div>

    <div id="dropdonw-2">
      <select></select>
    </div>

  </div>

  <div id="result-div"></div>
</div>

Вернуться на верх