javascript - 循环中的问题

Question

我正在使用这段代码，效果很好。现在我只需要更改输入名称、input1、input 2 等等。

<script type="text/javascript">
    $(document).ready(function() {
        $("#input1 > select.profissao").live('change', function(){ 
            $.ajax({
                type: "POST",
                data: "data=" + $(this).val(),
                url: "drop1.php",
                success: function(html) {
                    $("#input1 > select.estatistica").html(html);
                }
            });
        });
 });
</script>

为什么这个版本不起作用？我已经检查了 lint 中的代码，没有检测到任何错误。基本上，如果我复制上面的代码并将 input1 更改为 input2，效果很好，但我的目标是减少冗余。

<script type="text/javascript">
    $(document).ready(function() {
        for (i=1; i<3; i++) {
        $("#input"+i+" > select.profissao").live('change', function(){ 
            $.ajax({
                type: "POST",
                data: "data=" + $(this).val(),
                url: "drop1.php",
                success: function(html) {
                    $("#input"+i+" > select.estatistica").html(html);
                }
            });
        });
        }
    });
</script>

编辑: 输出类似于 <option value=2>Artes</option><option value=1>Humanidades</option>但这并没有添加到 html 中

通过循环我的下拉简单停止工作

Answer 1

你可以试试

<script type="text/javascript">
$(document).ready(function() {
    for (i=1; i<3; i++) {
        (function(idx){
            $("#input"+idx+" > select.profissao").live('change', function(){ 
            $.ajax({
                type: "POST",
                data: "data=" + $(this).val(),
                url: "drop1.php",
                success: function(html) {
                $("#input"+idx+" > select.estatistica").html(html);
               }
            });
            });
        })(i);
    }
});
</script>

并且您的函数在作用域中获得了对 i 的相同引用。