jQuery 选择 "change"事件未触发

Question

我有三个依赖的选择。第一，有一些值(value)观。

<select id="first">
<option value="1">v1</option>
<option value="2">v2</option>
</select>

第二个和第三个是空白:

<select id="second"></select>
<select id="third"></select>

我想通过 ajax 请求填充空白选择。所以我这样做:

jQuery('body').delegate('#first','change',function(){
jQuery.ajax(
{
'type':'GET',
'data':{'changed':$('#first').val()},
'url':'myURL1',
'cache':false,
'success':function(html){jQuery("#second").html(html)}});
return false;
});

所以它工作得很好。第二个选择已填充，但是...没有为选择“第二个”触发“更改”事件。为了获得这个事件，我写了:

   $(document).ready(function()
    {
        $('#second').live("change", function()
        {
            alert('test');
        });
    });

但没有可见的警报“测试”。如何捕获动态加载内容的“更改”事件以进行第二次选择？

Answer 1

试试这个:

$('#second').change(function(){
    alert('Test')
})