将页面加载后添加的元素添加更改事件

Question

我正在使用ajax在div #div_it_SelectCatLvl2中添加#it_SelectCatLvl2元素，并且我看到当我更改值#it_SelectCatLvl2时，该脚本不起作用。

代码：

$('#it_SelectCatLvl2').change(function() { 
    if($(this).val() > 0){ 
     $('#it_submit').removeAttr("disabled"); 
    }else{ 
     $('#it_submit').attr("disabled", "disabled"); 
    } 
}); 

<div id="div_it_SelectCatLvl2"> 
    <select class="n_SelectPath" style="" name="it_SelectCatLvl2" id="it_SelectCatLvl2"> 
     <option value="0">Change</option> 
     <option value="1">One</option> 
    </select> 
</div> 

Answer 1

使用此：因为您要附加的变化事件，其中将不存在的元素出现

$('#div_it_SelectCatLvl2').on('change', '#it_SelectCatLvl2', function() { 
    $('#it_submit').prop('disabled', !(this.value > 0)); 
}); 

您的问题。

当更改事件冒泡到#div_it_SelectCatLvl2并且已由ID为#it_SelectCatLvl2的元素触发时，我执行的代码被执行。