Jquery chọn thay đổi

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> 

và điều này js

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

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

Tôi có NULL cảnh báo ... tại sao?

Answer 1

Mã của bạn vẫn ổn. Dưới đây là một bản demo: http://jsfiddle.net/hKktc/1/

Lý do bạn không nhận được một giá trị cho cuộc gọi cảnh báo thứ hai là bởi vì thuộc tính prefix không tồn tại cho select và chỉ tồn tại cho option

Answer 2

Trong mã của bạn, $(this) đề cập đến <select>, không phải tùy chọn. Thuộc tính prefix không tồn tại trên <select>

Điều này sẽ gây ra sự cố với ví dụ thứ hai.

Answer 3

The 2nd alert sẽ trở lại null, bởi vì <select> không có thuộc tính prefix.

Answer 4

Bạn đang mong đợi chính xác điều gì?

Tôi thấy rằng cảnh báo thứ hai - alert($(this).attr('prefix')); là sự cố gây ra sự cố. Như vậy, bạn sẽ nhận được cảnh báo về số tiền tố, sau đó cảnh báo về số không (do cảnh báo thứ hai gây ra).

Answer 5

Bạn có thể muốn .val() không .attr('prefix'), để nhận giá trị được chọn là <select>.

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

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