2017-08-02 32 views
0

idという入力ボックスをタグとして挿入しようとしました。挿入後、オートコンプリート機能が必要です。私は多くの方法を試しましたが、タグ付き入力は自動完了できません。自動補完機能が追加行javascript

私の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> 

答えて

0

を助ける代わりに...

ください。

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

はこれを試します

関連する問題