javascript - htmx: 子要素の変更イベントの hx-trigger

Question

Django フォーム ライブラリと一緒にhtmxを使用します。

ここに私のテンプレートがあります：

<table>
 <tr hx-post="{{ object.get_absolute_url }}" hx-swap="outerHTML" 
     hx-trigger="changed">
  <th>{{ object.leg.start }}</th>
  <th>--&gt;</th>
  <th>{{ object.leg.end }}</th>
  <th>{{ object.leg.distance }}m</th>
  <th>{{ object.leg.difficulty_verbose }}</th>
  <td>{{ form.runner }} {{ form.runner.errors }}</td></tr>
</table>

作成した html は次のとおりです。

<table>
 <tr hx-post="/leg/155/Talfreunde/ %}" hx-swap="outerHTML" hx-trigger="changed">
  <th>Schöneck</th>
  <th>--&gt;</th>
  <th>Mühlleithen</th>
  <th>13400m</th>
  <th>hard</th>
  <td>
    <select name="runner" required id="id_runner">
     <option value="">---------</option>
     ...
    </select>
  </td>
 </tr>
</table>

をフォームのように動作させたい<tr>。

の変更イベントをリッスンするようにhx-triggerに指示する方法を見つけようとしました<select>。

が変更されたらすぐにデータを送信するように htmx に指示する方法selectは?

背景: これはリレーレースで、各レグがテーブルの行になります。