selectで選択する値を変更するたびに、そのidを取得したい

Question

前提

<select name="monday-start" id="monday-start" class="time">
  <option value="00:00">00:00</option>
  <option value="00:30">00:30</option>
  <option value="01:00">01:00</option>
  …
</select>
<select name="monday-end" id="monday-end" class="time">
  <option value="09:00">09:00</option>
  <option value="09:30">09:30</option>
  <option value="10:00">10:00</option>
  …
</select>
…

上記のようなselectがmonday〜sundayまで同じようにあります。
nameとidは各曜日の開始と終了が入り、classはtimeで統一しています。

実現したいこと

選択する値が変わるたびに、selectのidを取得したいです。
月曜日の開始時間の選択を変更したら、idのmonday-startが、
火曜日の終了時間の選択を変更したら、idのtuesday-endを取得したいです。

試してみたこと

$('.time').on('change', ()=> {
   $(this).attr('id')
})

で取れるかなと思っていたのですが、undifinedになってしまいます。
ご教授お願いします。

Answer 1

undifinedになってしまいます。

アロー関数では、イベントで渡ってくるthisを取れません。

functionで書くか、イベントオブジェクトを引数にとってe.targetで取得しましょう。

Comments

[tennis]

ありがとうございます！！解決しました！！！