Jquery selezionare Cambia

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> 

e questo JS

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

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

ho NULL avviso ... Perché?

Answer 1

Il tuo codice è a posto. Ecco una demo: http://jsfiddle.net/hKktc/1/

Il motivo che non stai ricevendo un valore per la seconda chiamata di allarme è perché l'attributo prefix non esiste per il select ed esiste solo per il option

Answer 2

Nel codice, $(this) si riferisce allo <select>, non l'opzione. L'attributo prefix non esiste nello <select>

Ciò causerà il problema con il secondo esempio.

Answer 3

Il 2 ° alert tornerà null, perché <select> non ha attributo prefix.

Answer 4

Che cosa ti aspetti esattamente?

Trovo che il secondo avviso - alert($(this).attr('prefix')); è quello che causa un problema. Così come si ottiene un avviso del numero di prefisso, quindi un avviso di null (causato dal secondo avviso).

Answer 5

Probabilmente si desidera .val() non .attr('prefix'), per ottenere il valore selezionato di <select>.

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

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