view

    <link href='<?php echo base_url();?>assets/css/jquery.autocomplete.css' rel='stylesheet' />
    <script type='text/javascript' src="<?php echo base_url();?>assets/js/jquery-1.10.2.js"></script>
	<script type='text/javascript' src='<?php echo base_url();?>assets/js/jquery.autocomplete.js'></script>
	<script type='text/javascript'>
		var site = "<?php echo site_url();?>";
		$(function(){
			$('.autocomplete').autocomplete({
				serviceUrl: site+'/welcome/search',
				onSelect: function (suggestion) {

				//berisi nama yang di auto completekn
					$("#kodebarang").val(suggestion.data)
				}
			});

			$('.autocompletebarang').autocomplete({
				serviceUrl: site+'/welcome/barang',
				onSelect: function (suggestion) {
					$("#namabarang").val(suggestion.data)
					$("#hargabarang").val(suggestion.harga)
				}
			});
		});

</script>
<div id="contentadmin">
						<h4>Input Pembelian</h4>
				<div id="tabel">

					<form method="post" action="<?= base_url() ?>index.php/pelanggan/addProductDb" id="form1"  name="form1">

					<table>
				<div id="input">
							 <p >Kode Pembelian</p>
								<div id="stock">
								<input name="kode_kategori"  type="text" >
								Tgl <input name="tgl"  type="text" id="datepicker">
								</div>
						</div>
						<div id="input">
							<p>Kode Suplier</p>
							<div id="insert">
							<input name="kode_barang"  type="text"    class="autocomplete" >
							</div>
							 <input  id="kodebarang"  name="namasupliier" type="text" disabled />

						</div>

						<div id="input">
							<p >Refrensi</p>
							<div id="insert">
							<input name="refrensi"  type="text">
							</div>
						</div>

						<div id="input">
							<p>Jumlah Pembelian</p>
								<input name="refrensi"  type="text" size="5"> &nbsp; Rabat  <input name="refrensi"  type="text" size="5"> =
								&nbsp; <input name="total"  type="text" size="5">
						</div>
						<div id="input">
							<p >Jatuh Tempo</p>
							<input name="jatuh_tempo"  type="text" size="20">
							<input type="checkbox" name="chash"> Cash
						</div>
				</table>
				</form>



<input onclick="addRow('dataTable')" type="button" value="Tambah" />
<input onclick="deleteRow('dataTable')" type="button" value="Hapus" />
 <table id="dataTable">
 <tr>
	<td></td>
	<td>Kode Barang</td>
	<td>Nama Barang</td>
	<td>Harga Barang</td>
	<td>Jumlah</td>

 </tr>
<tr>
   <td><input name="chk" type="checkbox" /></td>
   <td><input type="text"  class="autocompletebarang" id="kode_barang" /> </td>
    <td><input type="text" id="namabarang" readonly /> </td>
	<td><input type="text"  id="hargabarang" readonly /> </td>
	<td><input type="text" id="jumlah"/> </td>
 </tr>
</table>

<input type="submit" name="submit" id="submit" Value="Submit">


				</div>
				</div>

 <script language="javascript">
  function addRow(tableID) {

   var table = document.getElementById(tableID);
   var rowCount = table.rows.length;
   var row = table.insertRow(rowCount);

   var cell1 = row.insertCell(0);
   var element1 = document.createElement("input");
   element1.type = "checkbox";
   element1.name="chkbox[]";
   cell1.appendChild(element1);

   var cell2 = row.insertCell(1);
   var element3 = document.createElement("input");
   element3.type = "text";
   element3.name = "txtbox[]";
   cell2.appendChild(element3);


   var cell3 = row.insertCell(2);
   var element2 = document.createElement("input");
   element2.type = "text";
   element2.name = "txtbox[]";
   cell3.appendChild(element2);

   var cell4 = row.insertCell(3);
   var element3 = document.createElement("input");
   element3.type = "text";
   element3.name = "txtbox[]";
   cell4.appendChild(element3);

    var cell5 = row.insertCell(4);
   var element4 = document.createElement("input");
   element4.type = "text";
   element4.name = "txtbox[]";
   cell5.appendChild(element4);



 $('.autocompletebarang').autocomplete({
                                serviceUrl: site+'/welcome/barang',
                                onSelect: function (suggestion) {
                                        $("#namabarang").val(suggestion.data)
                                        $("#hargabarang").val(suggestion.harga)
                                }
                        });

 }

  function deleteRow(tableID) {
   try {
   var table = document.getElementById(tableID);
   var rowCount = table.rows.length;

   for(var i=0; i<rowCount; i++) {
    var row = table.rows[i];
    var chkbox = row.cells[0].childNodes[0];
    if(null != chkbox && true == chkbox.checked) {
     table.deleteRow(i);
     rowCount--;
     i--;
    }


   }
   }catch(e) {
    alert(e);
   }
  }
 </script>