將頁面加載後添加的元素添加更改事件

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的元素觸發時，我執行的代碼被執行。