Obtener el valor de la opción seleccionada (no de texto) desde desplegable con jQuery

Question

tengo una lista desplegable de este modo:.

<select id="dropdownList"> 
    <option val="1">Item One</option> 
    <option val="2">Item Two</option> 
    <option val="3">Item Three</option> 
</select> 

Cuando uso $ ('# DROPDOWNLIST') val(), el valor devuelto es "Artículo Uno/Dos/Tres" en lugar del valor de la opción real (1/2/3), que es lo que necesito. No estoy seguro de si debería usar algo que no sea .val()? Me disculpo si esto ha sido respondido en alguna parte, pero mi Google-fu me está fallando en este caso.

Answer 1

Cambiar tu html para la válida value= en lugar de val=

Answer 2

Tal vez puedas probar:

<select id="dropdownList"> 
    <option value="1">Item One</option> 
    <option value="2">Item Two</option> 
    <option value="3">Item Three</option> <!-- this works --> 
    <option val="3">Item Three</option> <!-- this is what you HAD before --> 
</select> 

O si eso no es una opción, a continuación, obtener el índice seleccionado y buscar la $(this).attr('val')

Answer 3

intente esto:

$('#dropdownList option:selected').attr('val') 

nota: no ha sido probado