ejecutar javascript html función de seleccionar

Question

Tengo un simple html seleccione la etiqueta con algunas opciones adjuntos:

<select> 
<option>school a</option> 
<option>school b</option> 
<option>school c</option> 
</select> 

me gustaría adjuntar algunos controladores de eventos simples a las opciones de la misma manera que lo haría decir .. . un enlace:

<option onclick="scheduleA();">school a</option> 

necesito para construir una función de JavaScript separada para hacer frente a la gestión de eventos en esta situación o hay algo de hTML rápida que realizar esta tarea?

Answer 1

Será mejor que asigne onChange="schedule(this.value); en el <select>. En parte porque realmente funciona, en parte para evitar el código redundante si se selecciona la misma opción dos veces, en parte porque menos controladores de eventos siempre son mejores.

Answer 2

utilizar un evento onchange en el select

<select onchange="scheduleA.call(this, event)"> 

A continuación, en el controlador ...

function scheduleA(event) { 
    alert(this.options[this.selectedIndex].text); 
} 

DEMO:http://jsfiddle.net/hYY6X/

Answer 3

uso onchange lugar

<select onchange="schedule(this.value)"> 
<option>school a</option> 
<option>school b</option> 
</select> 

function schedule(selectedValue){ 
    ... do something with selectedValue 
}