Jquery seleccione Cambio de

Question

<select id="Nazione" name="Nazione"> 
    <option prefix='+93' value='AF' >Afghanistan </option> 
    <option prefix='+355' value='AL' >Albania </option> 
    <option prefix='+213' value='DZ' >Algeria </option> 
    <option prefix='+376' value='AD' >Andorra .... etc 
</select> 

y esto js

$(document).ready(function() { 
    $('#Nazione').change(function(){ 

     alert($(this).find("option:selected").attr('prefix')); 
     alert($(this).attr('prefix')); 
    }); 
    }); 

tengo NULL alerta ... ¿Por qué?

Answer 1

Su código es correcto. He aquí una demostración: http://jsfiddle.net/hKktc/1/

La razón por la que no está recibiendo un valor para la segunda llamada de alerta se debe a que el atributo prefix no existe para el select y sólo existe para el option

Answer 2

En su código, $(this) se refiere a <select>, no es la opción. El atributo prefix no existe en el <select>

Esto causará el problema con el segundo ejemplo.

Answer 3

El segundo alert volverá nulo, porque <select> no tiene el atributo prefix.

Answer 4

¿Qué es lo que esperas exactamente?

Me parece que la segunda alerta - alert($(this).attr('prefix')); es la que causa un problema. Como está, recibe una alerta del número de prefijo, luego una alerta de nulo (provocada por la segunda alerta).

Answer 5

Probablemente haya deseado .val() no .attr('prefix'), para obtener el valor seleccionado de <select>.

$(document).ready(function() { 
    $('#Nazione').change(function(){ 

     alert($(this).find("option:selected").attr('prefix')); 
     alert($(this).val('prefix')); 
    }); 
    });