[解決済み】jQuery - 選択されたオプションからカスタム属性を取得する

質問

次のように考える。

<select id="location">
    <option value="a" myTag="123">My option</option>
    <option value="b" myTag="456">My other option</option>
</select>

<input type="hidden" id="setMyTag" />

<script>
    $(function() {
        $("#location").change(function(){
            var element = $(this);
            var myTag = element.attr("myTag");

            $('#setMyTag').val(myTag);
        });
    });
</script>

うまくいきませんね...。

selectが変更されたときに、hiddenフィールドの値をmyTagの値に更新させるには、どうすればよいのでしょうか。 現在選択されている値を取得するようなことをする必要があると思うのですが...？

解決方法は？

イベントハンドラを <select> 要素を使用します。

したがって $(this) はドロップダウンそのものであり、選択された <option> .

選択された <option> , こんな感じです。

var option = $('option:selected', this).attr('mytag');