SELECT要素をマウスのホイールで選択する

/*@if( @_jscript )
  document.attachEvent( 'onmousewheel'
@else@*/
  addEventListener( 'DOMMouseScroll' /*@end@*/,

  function ( evt ) {
    var e = evt./*@if( @_jscript ) srcElement @else@*/ target /*@end@*/;

    if( 'SELECT' === e.nodeName && 'select-one' === e.type ) {
      var no = e.selectedIndex + ( (evt.wheelDelta || -evt.detail ) < 0 ? 1: -1);

      if( -1 < no && no < e.options.length ) {
        e.selectedIndex = no;
        e.onchange();
      }
    }
  }, false);