Как выбрать уже выбранный option?

Question

[MZvagincev]

Есть select, в котором несколько option
По клику на option выполняется действие.
На select'e висит событие .on('change', function() )
То есть если я нажму на option, он один раз выполнит функцию. Если нажму второй раз на тот же option, то ничего не произойдёт.
Каким образом можно обойти это? То есть при нажатии на выбранный селект выполнять функцию.

<select onchange="alert(this.value)">
  <option value="Apple" />Apple
  <option value="Pear" />Pear
  <option value="Peach" />Peach
</select>

Answer 1

[Дмитрий Еремин]

навесьте обработчик .on('click', function()) на option

Comments

[MZvagincev]

Так не сработает же:

<select onchange="alert(this.value)">
  <option onclick="alert(this.value)" value="Apple" />Apple
  <option value="Pear" />Pear
  <option value="Peach" />Peach
</select>

[MZvagincev]

MZvagincev, вот так сработает:

<script>
    selectHandler = {
        clickCount : 0,
        action : function(select)
        {
            selectHandler.clickCount++;
            if(selectHandler.clickCount%2 == 0)
            {
                selectedValue = select.options[select.selectedIndex].value;
                selectHandler.check(selectedValue);
            }
        },
        blur : function() // needed for proper behaviour
        {
            if(selectHandler.clickCount%2 != 0)
            {
                selectHandler.clickCount--;
            }
        },
        check : function(value)
        {
            // you can customize this
            alert(value);
        }
    }

</script>
<select onclick="selectHandler.action(this)" onblur="selectHandler.blur()">
  <option value="Apple" />Apple
  <option value="Pear" />Pear
  <option value="Peach" />Peach
</select>
</select>