forms - ユーザーによってどのタグ選択オプションが変更されたかを知る方法

Question

私の Web ページには、複数のフィールドセット要素を持つフォームがあります。各 fieldset 要素には、いくつかのオプションを含む select タグがあり、選択されたオプションに応じて、fieldset の入力フィールドが変更されます。しかし、ユーザーが選択タグのオプションを変更したことをどのように知ることができますか?

 <select onChange='selectHandler();'>
 <option value='0'>Option 1</option>
 <option value='1'>Option 2</option>
 <option value='2'>Option 3</option>
 <option value='3'>Option 4</option>
 </select> 

getElementsByTagName('select') を使用してすべての選択要素を取得できますが、ユーザーが選択した要素を正確に知るにはどうすればよいですか?

Answer 1

これで問題が解決することを願っています

「selectHandler(this)」のように、選択ハンドラーで「this」キーワードを渡します。どの選択要素がアクセスされているかを取得できます

<select id="handler1" onChange='selectHandler(this);'>
 <option value='0'>Option 1</option>
 <option value='1'>Option 2</option>
 <option value='2'>Option 3</option>
 <option value='3'>Option 4</option>
 </select>

function selectHandler(obj){

   console.log(obj.id) //It gives the id of the current select tag
}

document.getElementsByTagName('select'); は使用しないでください。これにより、オブジェクトの配列のみが得られ、どの選択タグがクリックされたかわかりません。