select要素の選択した情報からdata属性を取り出す

<select id="hoge" name="hoge">
     <option value="1" data-year="2018">2018年</option>
     <option value="2" data-year="2019">2019年</option>
     <option value="3" data-year="2020">2020年</option>
     <option value="4" data-year="2021">2021年</option>
     <option value="5" data-year="2022">2022年</option>

select要素では結構ありがちなvalue側には年度IDが入っているが、表示上は年度なのでそのまま値を渡したい場合がある。
プルダウンを選択した状態で、data要素を取りたいと仮定した場合

$("#hoge option:selected").data("year")

hoge要素で選択されているoptionのデータ属性を取れ。
と言う風に明示してあげれば、取れる。

書かなくなるとてんで飽きてしまう。
こういう情勢になってしまった事で色々と世界が変わった事は間違いない。
だからこそ、出来る事から変えていく。そして変わらない部分を見つけていこうと思う。