php - jQuery 自动完成不适用于动态表单字段

Question

嘿伙计们...我带着另一个问题回来了...

我在表单字段上使用 jquery 自动完成。它有效!

问题是，然后动态地向表单添加另一行，但事实并非如此。是的，我一直将新字段的 ID 切换为新字段。

原始=考试通过1动态添加 = exampassed2、exampassed3 等等...

我已经添加了它们的 jQuery 等效项

$("#exampassed1").autocomplete({
    source: "exams.php",
    minLength: 2
});

$("#exampassed2").autocomplete({
    source: "exams.php",
    minLength: 2
});

等等...

我认为问题在于 jQuery 无法识别动态添加的元素，它只读取加载时存在的元素...

有什么方法可以让 jquery 处理程序读取这些新添加的元素吗？

我听说过bind和live函数，尽管我找不到实现这些的方法......

非常感谢这里的任何一点/全部帮助......干杯!

我使用的 jQuery

$().ready(function() {
    $("#autonco").autocomplete({
        source: "nco.php",
        minLength: 2
    });

    $("#autonco1").autocomplete({
        source: "nco.php",
        minLength: 2
    });

    $("#autonco2").autocomplete({
        source: "nco.php",
        minLength: 2
    });

    $("#exampassed1").autocomplete({
        source: "exams.php",
        minLength: 2
    });

    $("#exampassed2").autocomplete({
        source: "exams.php",
        minLength: 2
    });

});

已经存在的代码...

    <td align="center" valign="top">            
    <input type="text" id="exampassed1" name="exam[]" />
    </td>

动态添加的代码...

    <td valign="top" align="center">            
    <input id="exampassed2" name="exam[]" type="text">
    </td>

任何指点也表示赞赏!

再次非常感谢!

Answer 1

下面是我使用的代码。解决了!

$().ready(function() {

    $("#exampassed1").autocomplete({
        source: "exams.php",
        minLength: 2
    });

    $("#exampassed2").live('focus', function() {

        $("#exampassed2").autocomplete({
        source: "exams.php",
        minLength: 2
        });

    });

});

干杯!