自动完成不适用于添加行 javascript答案

【问题标题】：autocomplete not working with add row javascript自动完成不适用于添加行 javascript
【发布时间】：2018-01-10 05:08:48
【问题描述】：

我尝试插入带有 id 作为标签的输入框。插入后，我需要自动完成功能。我尝试了很多方法，但是带有标签的输入无法自动完成。

我的 javascript

$(document).ready(function () {
    $("#addCF").click(function () {
        $("#customFields").append('<tr><td>1</td><td><input class="form-control" name="kode_barang[]" id="cariBrg" placeholder="Ketik Kode / Nama Barang" type="text"></td><td><input   class="form-control" name="harga_satuan[]" id="input1" onkeyup="calc()" value="" type="text"></td><td><input class="form-control" id="input2" onkeyup="calc()" name="jumlah_beli[]"   type="text"></td><td><input class="form-control" name="sub_total[]" value="" id="output" type="text"></td><td><button class="remCF"><i class="fa fa-times" style="color:red;"></i></  button></td></tr>');
    });
    $("#customFields").on('click', '.remCF', function () {
        $(this).parent().parent().remove();
    });
});

自动完成

$(function () {
    $("#cariBrg").autocomplete({
        source: "cari-barang.php",
        minLength: 2,
    });
});

我的 HTML

            <td>1</td>
            <td>
                <input class="form-control" name="kode_barang[]" id="cariBrg" placeholder="Ketik Kode / Nama Barang" type="text">
            </td>
            <td>
                <input class="form-control" name="harga_satuan[]" id="input1" onkeyup="calc()" value="" type="text"></td>
            <td>
                <input class="form-control" id="input2" onkeyup="calc()" name="jumlah_beli[]" type="text"></td>
            <td>
                <input class="form-control" name="sub_total[]" value="" id="output" type="text"></td>
            <td>
                <button class="remCF"><i class="fa fa-times" style="color: red;"></i></button>
            </td>
        </tr>
    </tbody>
</table>

<div class='alert alert-info TotalBayar'>
    <button id='addCF' class='btn btn-default pull-left'><i class='fa fa-plus fa-fw'></i>Baris Baru (F7)</button>

请帮忙

【问题讨论】：

标签： javascript jquery

【解决方案1】：

而不是...

$("#cariBrg").autocomplete({
    source: "cari-barang.php",
    minLength: 2,
});

试试这个：

$('body').find("#cariBrg").autocomplete({
    source: "cari-barang.php",
    minLength: 2,
});

【讨论】：