[解決済み】選択変更時にデータ属性の値を取得する。

質問

次のコードは'undefined'を返します。

$('select').change(function(){
    alert($(this).data('id'));
});

<select>
    <option data-id="1">one</option>
    <option data-id="2">two</option>
    <option data-id="3">three</option>
</select>

解決方法は？

選択されたオプションを見つける必要があります。

$(this).find(':selected').data('id')

または

$(this).find(':selected').attr('data-id')

がありますが、最初の方法が好ましいと思います。