jquery autocomplete not displaying the values of array

Question

hi i am using jquery autocomplete with codeigniter my reslut array is coming from database and i am sending back the array using json_encode(). but in response i am not able to show the values in the search but i get the empty reslut, means i get values but i am not able to display but values are coming i can see the empty lis, my data array is like this

[{"countryid":"1","countryname":"Afghanistan"},{"countryid":"2","countryname":"Albania"},{"countryid":"3","countryname":"Algeria"},{"countryid":"4","countryname":"American Samoa"},{"countryid":"5","countryname":"Andorra"}]

my model function is like this

public function search_countries($string)
    {
        $this->db->like('countryname', $string);
        $query = $this->db->get('countries');
        return $query->result_array();
    }

my controller function is this

public function search_countries()
    {
        $string = $this->input->post('countryname');
        $data = $this->user_m->search_countries($string);
        $this->output->set_header('Content-Type: application/json; charset=utf-8');
        echo json_encode($data);
    }

and here is jquery function

$( ".country" ).autocomplete({
      source: function( request, response ) {
        $.post("signup/search_countries", {countryname: request.term}, function(data){
            response(data, function( data ) {
              return {
                label: data.countryid,
                value: data.countryname
              }
            });
        });
      }
    });

And also have you checked your response data on firebug? Is it correct and you are not getting any js error right? — Hüseyin BABAL
– Hüseyin BABAL, Commented Jan 15, 2014 at 8:28

linuxeasy · Accepted Answer · 2014-01-15 08:09:34Z

2

Shouldn't this be:

            label: data.countryid,
            value: data.countryName

as :

            label: data.countryid,
            value: data.countryname

going by your actual json response that you are receiving (change Name to name in countryName).

answered Jan 15, 2014 at 8:09

linuxeasy

6,4997 gold badges35 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

linuxeasy Over a year ago

@ahmadgulzar then you should correct that in the above question, as it still shows contryName, whereas your json response shows countryname.

linuxeasy Over a year ago

@ahmadgulzar are you using firebug? can you check, if you are even receiving any response from the server or not?, also try to do something like console.log(data) , so that we can be sure if its just a string or is actually converted to a JS Object.

Ahmad Gulzar Over a year ago

yes i am receiving the response. when i get the value in alert() then it shows like this [object object]

Ahmad Gulzar · Accepted Answer · 2014-01-15 08:44:34Z

0

I am only giving js part;

$( ".country" ).autocomplete({
      source: function( request, response ) {
        $.post("signup/search_countries", {countryname: request.term}, function(data){
            response($.map( data, function( item ) {
              return {
                label: item.countryname,
                value: item.countryid
              }
            }));
        });
      }
    });

Coudl you please try this?

edited Jan 15, 2014 at 8:44

Ahmad Gulzar

3632 gold badges8 silver badges23 bronze badges

answered Jan 15, 2014 at 8:27

Hüseyin BABAL

15.6k5 gold badges53 silver badges74 bronze badges

4 Comments

Ahmad Gulzar Over a year ago

thanks but its not working. it shows the result but in empty lists. i can hover also but these are blank elements

Hüseyin BABAL Over a year ago

Could you please check your response json keys?

Hüseyin BABAL Over a year ago

Ok, I updated code. Could you please try again. I forgot to use map

Ahmad Gulzar Over a year ago

thanks @cubuzoa it worked but there are some errors i corrected. and it worked

Collectives™ on Stack Overflow

jquery autocomplete not displaying the values of array

2 Answers 2

3 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related