View (Autocomplete)

<link href='<?php echo base_url().'assets/bootstrap-3.3.5/jquery.autocomplete.css'?>' rel='stylesheet' />

<script src="<?php echo base_url().'assets/bootstrap-3.3.5/jquery-1.11.3.min.js'?>" type="text/javascript"></script>
<script src="<?php echo base_url().'assets/bootstrap-3.3.5/jquery.autocomplete.js'?>" type="text/javascript"></script>

<script type="text/javascript">
        var site = "<?php echo site_url();?>";
        $(function(){
            $('.autocomplete').autocomplete({
                serviceUrl: site+'/Admin/datareklame',
                onSelect: function (suggestion) {
                    $('#id_reklame').val(''+suggestion.id_reklame);
                    $('#keterangan').val(''+suggestion.keterangan);
                    $('#alamat').val(''+suggestion.alamat);
                }
            });
        });
</script>

<body onLoad="document.getElementById('nama_reklame').focus()">
    <div class="side-body">
    <div class="col-sm-8">
        <table class="table">
            <thead>
                <tr>
                    <th style="text-align:left">Cari Data Reklame</th><td><input type="text" name="nama_reklame" id="nama_reklame" class="autocomplete form-control"></td>
                </tr>
                <tr>
                    <td>ID Reklame</td><td><input type="text" readonly id="id_reklame" name="id_reklame" class="form-control"></td>
                </tr>

                <tr>
                    <td>Keterangan</td><td><textarea class="form-control" name="keterangan" id="keterangan" readonly></textarea></td>
                </tr>

                <tr>
                    <td>Alamat</td><td><input type="text" readonly id="alamat" name="alamat" class="form-control"></td>
                </tr>
            </thead>
        </table>
    </div>
    </div>
</body>