Question

我尝试插入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>

请帮助

Answer 1

而不是......

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

试试这个：

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

自动完成无法使用添加行javascript

1 个答案: