Javascript jQuery-更改时的多个选择元素无效

我正在尝试测试多个选择框，每个选择框在更改其选项时。但我甚至无法让它在其中一个发生变化时弹出警告消息。代码如下：

<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>

但警报窗口根本不会弹出。

等待DOM就绪：

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

等待DOM就绪：

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

---

您需要正确使用jQuery

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

$（文档）.ready（函数（）{
$（'#事件_日期_框选择'）。更改（函数（）{
警报（“更改”）；
});
});

您需要正确使用jQuery

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

$（文档）.ready（函数（）{
$（'#事件_日期_框选择'）。更改（函数（）{
警报（“更改”）；
});
});

但是#事件(日期)框是一个

。我在这里签入了chrome和onchange事件气泡：但是#事件(日期)框是一个

。我在这里签入了chrome和onchange事件气泡：