如何不影响select

Question

我添加具有唯一ID的第一行，然后再次添加第二行。
我进行更改，然后从选择框中再次选择，然后突然在第二行中进行了更改，即使它在第一行中也是如此。

如何解决这些问题？

这是我的代码：

Answer 1

i是全局变量，因此success:函数使用的是i的当前值，而不是添加事件处理程序时的值。您需要将本地变量绑定到它。

$(document).on("click", "button#add", function() {
    i++;
    let curitem = "#item" + i;
    ...
    $(document).on("change", "#cat" + i, function() {
        var category_id = $(this).val();
        $.ajax({
            url: "load_data.php",
            method: "POST",
            data: { category_id: category_id },
            success: function(data) {
                $(curitem).html(data);
            }
        });
    });