Untitled

public
    function get_unit_value() {
        $result = $this ->db ->select('id, unit_name') -> get('units') -> result_array();

        $unit_name = array();
        foreach($result as $r) {
           $unit_name[$r['id']] = $r['unit_name'];
        }
        $unit_name[''] = 'Select unit...';
        return $unit_name;
    }

public function unit(){
          $this->load->database();
        $this->load->model('client_model');
        //fetch data from Job_positions_model
        $data['unit_name'] = $this->pic_model->get_unit_value();
        //pass data to view
        $this-> load->view('add_quote', $data);
    }

<body>


    <div class="container" style="width: 50%; float: left;">
        <div class="row">
         <div class="col-md-7">
    <h1>Add quote</h1>
    <input class="typeahead form-control" type="text">
         </div>
            <div class="col-md-4" style="position: relative; float: right; ">
        <br>
        <br>
        <h2> Dropdown </h2>
        <br>
        <br>
        <div class="panel panel-default">
            <div class="panel-heading">The form</div>
            <div class="panel-body">
                <!--dropdown input-->

                <?php echo form_dropdown('id',$unit_name, '', 'class="form-control"');?>
                    <br>
                    <br>
                    <button type="submit" class="btn btn-info">Submit</button>
            </div>
        </div>
    </div>
        </div>
</div>


<script type="text/javascript">
    $('input.typeahead').typeahead({
        source:  function (query, process) {
        return $.get('welcome/add_quote', { query: query }, function (data) {
                console.log(data);
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });
</script>


</body>