jquery - 向页面加载后添加的元素添加更改事件

Question

我正在使用 ajax#it_SelectCatLvl2在 div 中添加元素，#div_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。