jquery - セレクトボックスの値を取得する

Question

ページに複数の動的に設定された選択ボックスがあります (100 以上)。変更時に各ボックスの値を個別に取得しようとしていますが、変更が行われると、すべて同じクラスを持つため、すべての選択ボックスが反復処理されます。各選択ボックスの値を個別に取得してから何かを行うにはどうすればよいですか...

例

<select id="(dynamically set, may be different every time)" class="selection">
  <option value=""></option>
  <option value="dynamically set">1</option><option value="dynamically set">2</option>
  <option value="dynamically set">3</option>
</select>
<select id="(dynamically set, may be different every time)" class="selection">
  <option value=""></option>
  <option value="dynamically set">1</option>
  <option value="dynamically set">2</option>
  <option value="dynamically set">3</option></select>
<select id="(dynamically set, may be different every time)" class="selection">
  <option value=""></option>
  <option value="dynamically set">1</option>
  <option value="dynamically set">2</option>
  <option value="dynamically set">3</option></select>
etc...

JS

<script type="text/javascript">
//Psuedo code
$('.selection').change(function(){alert('test');});
</script>

Answer 1

$('.selection').change(function() {
    console.log(this.value);
    //or
    console.log($(this).val());
});