Jquery select change

jquery select onchange
Ste picture Ste · May 11, 2011 · Viewed 40.2k times · Source 
<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>

and this js

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

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

I have alert NULL... WHy?

Answer

JohnP picture JohnP · May 11, 2011

Your code is fine. Here's a demo : http://jsfiddle.net/hKktc/1/

The reason you're not getting a value for the second alert call is because the attribute prefix doesn't exist for the select and only exists for the option

Related questions

jQuery onchange/onfocus select box to display an image?

I need some help finding a jQuery plugin which will allow me to display an image preview from a select list of images - onfocus/onchange.. Example: <select name="image" id="image" class="inputbox" size="1"> <option value=""&…

Read More
Jquery .change() function not working with dynamically populated SELECT list

I have a select field that is dynamically populated with an ajax call that simply returns all the HTML select options. Here is the part of the PHP that just echo's the select tags and dynamically fills out each option/…

Read More
Trigger Change event and keyup event in select element

I have some codes that should be run when a select element changes.I do it with jquery in this way: $("#myselect").change(function() { ....... }); But I want these codes run also when user change the select using keyword arrows. As …

Read More