JQuery와 변경을 선택

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> 

이 내가 경고 NULL이

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

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

을 JS ... 이유는 무엇입니까?

Answer 1

코드가 정상입니다. 여기 데모입니다 : 속성 prefix가 select 존재 만 반환됩니다 option

Answer 2

코드에서 $(this)은 옵션이 아닌 <select>을 나타냅니다. prefix 특성이 존재하지 않습니다. <select>

두 번째 예제에서 문제가 발생할 수 있습니다.

Answer 3

제 2 회 alert 존재하지 않기 때문에 http://jsfiddle.net/hKktc/1/

두 번째 경고 호출에 대한 값을받지 못하고있는 이유는 <select>에는 prefix이라는 특성이 없기 때문에 null입니다.

Answer 4

정확히 무엇을 기대합니까?

두 번째 경고 (alert($(this).attr('prefix'));)가 문제를 일으키는 알림입니다. 마찬가지로 접두어 번호에 대한 경고가 표시되고 두 번째 경고로 인해 null에 대한 경고가 표시됩니다.

Answer 5

<select>의 값을 얻으려면 .val()이 아닌 .attr('prefix')이 필요합니다.

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

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