HTMLでプルダウンリストの選択した値の取得方法をよく忘れてしまうのでメモ。

selector.html

<select id="selXxx" onchange="onChange(this)">
  <option value="hoge" selected>hoge</option>
  <option value="foo">foo</option>
  <option value="bar">bar</option>
</select>

<script>
function onChange (selector) {
  var val = selector.options[selector.selectedIndex].value;
  if (val == "hoge") {
    // something
  }
  else if (val == "foo") {
    // something
  }
  else if (val == "bar") {
    // something
  }
  else {
    // something
  }
}
</script>
 
<!-- Use jQuery -->
<script>
var val = $('#selXxx option:selected').val();
</script>