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>