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>