将增量放入选择器时，不会显示 AJAX/PHP 依赖于列输出的下拉列表

Question

我有一个根据用户输入的行数生成的动态表。对于每一行，第一列有一个下拉列表，而第二列下拉列表值取决于第一列所选值。例如；

用户行数：3

|     Col1  |    Col2      |
|:----------|-------------:|
| dropdown0 | dropdownExc0 |
| dropdown1 | dropdownExc1 |
| dropdown2 | dropdownExc2 |

但是，在我的ajax中，当我在选择器上添加增量时，响应下拉值将不会显示在第二列上。我是使用 PHP/AJAX 的初学者，希望得到任何帮助！

<script>
        var rowNum = document.getElementById('rowCount').value;

        for (var i = 0; i < rowNum; i++){
            $('#dropdown' + i ).on("change", function () {
            
            var reqSelected = ($(this).val()).split("-",1);
            var requestid = reqSelected[0];
                
                $.ajax({
                    type: "POST",
                    url: "req-exchange.php",
                    data: {req_id:requestid},
                    success: function (response) {
                        console.log(response);
                        $('#dropdownExc'+i).html(response);
                    }
                });

            });
        }

</script

来自console.log（响应）

<option value="">--Select Exchange--</option><option value="eS">Exchange South</option><option value="eN">Exchange North</option>

我已经多次寻找答案，但没有任何作用，不确定我的逻辑是否错误。在 console.log(response) 中，输出返回是正确的，只是它没有反映在我的下拉列表中。我是使用 PHP/AJAX 的初学者，所以我非常感谢任何帮助！

Answer 1

解决了，我只是将 var i=0 改为 let i=0 现在就可以显示了。但是，我仍然不明白为什么。希望这可以帮助任何和我有同样问题的人。