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 buat suplier
			$('.autocomplete').autocomplete({
				serviceUrl: site+'/welcome/search',
				onSelect: function (suggestion) {
				$("#kodebarang").val(suggestion.data)
				}
			});


			//autocomplete buat barang
		$('.kodebarang').autocomplete({
				serviceUrl: site+'/welcome/barang',
				onSelect: function (suggestion) {
					$("#nama_barang").val(suggestion.data)
					$("#harga").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 type="button" value="Add Row" onclick="addRow('dataTable')" />
	<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />
	<TABLE id="dataTable" name="datatable" class="datatable" width="350px" border="1">
        <TR>
            <TD><input   id="kodebarang" name="kodebarang"  class="kodebarang" type="text" /></TD>
            <TD> <input type='text'  id="nama_barang"/></TD>
            <TD><input id="harga" name="harga" type="text"  /></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 colCount = table.rows[0].cells.length;

            for(var i=0; i<colCount; i++) {

                var newcell = row.insertCell(i);

                newcell.innerHTML = table.rows[0].cells[i].innerHTML;
                //alert(newcell.childNodes);
                switch(newcell.childNodes[0].type) {
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                    case "checkbox":
                            newcell.childNodes[0].checked = false;
                            break;
                    case "select-one":
                            newcell.childNodes[0].selectedIndex = 0;
                            break;
                }
            }
        }

        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) {
                    if(rowCount <= 1) {
                        alert("Cannot delete all the rows.");
                        break;
                    }
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }


            }
            }catch(e) {
                alert(e);
            }
        }

    </SCRIPT>