¿Por qué no obtengo el valor de onChange with Select?

Question

Prueba de parte de un formulario. Por lo tanto, en este momento sólo quiero alertar lo selecciona el usuario:

JS:

function getData(title) 
{ 
    alert(title); 
} 

HTML generadas por PHP:

<select name="currentList" onChange="getData(this);"> 
    <option value="hat">Hat</option> 
    <option value="shirt">Shirt</option> 
    <option value="pants">Pants</option> 
</select> 

cuando cambio el valor consigo una alerta con:

[HTMLSelectElement objeto]

Answer 1

tratar alert(this.value)

Answer 2

Con this está pasando el HTML select element a la función, no el valor de la opción seleccionada. Para obtener el valor de la opción seleccionada, debe obtener la opción seleccionada del options por selectedIndex y luego obtener su value. En pocas palabras:

function getData(dropdown) { 
    var value = dropdown.options[dropdown.selectedIndex].value; 
    alert(value); 
} 

Answer 3

con jQuery, que podría ser conciso con alerta ;, siempre y cuando se agrega el id = "currentList" a la lista de selección ($ ("# currentList") val()). . De esta forma, no es necesario pasar "esto" a la función de cambio.

Answer 4

Puede intentar

alert(title.value)