javascript - jQuery - 変更時の複数選択要素が機能しない

Question

オプションを変更するたびに、複数の選択ボックスをテストしようとしています。しかし、それらのいずれかが変更されたときに警告メッセージをポップアップ表示することさえできません。コードは次のとおりです。

<div id="event_date_box">
    <script>
        j('#event_date_box select').change( function() {
            alert('changed');
        });
    </script>

    <select id="event_date_month">
        <option>Jan</option>
        <option>Feb</option>
        ...
    </select>
    <select id="event_date_day">
        <option>1</option>
        <option>2</option>
        ...
    </select>
    <select id="event_date_year">
        <option>2012</option>
        <option>2013</option>
        ...
    </select>
</div>

また、JavaScriptを次のように変更してみました：

j('#event_date_box select').each( function() {
    j(this).change( function() {    
        alert('changed');
    });
});

しかし、警告ウィンドウはまったくポップアップしません。

Answer 1

DOM の準備が整うまで待ちます。

j(function(){    
    j('#event_date_box select').change( function() {
                alert('changed');
            });
});

Answer 2

jQuery を適切に使用する必要があります。

    <script>
         $(document).ready(function(){
            $('#event_date_box select').change(function(){
                alert('changed');
            });
         });
    </script>