jQuery UI Autocomplete with urls

Question

I try to get an instant search with jquery ui autocomplete, I want to add link onclick result.

JScript

$("#searchinput").autocomplete({
    source: "search/get_searchdata",
    select:function(e,ui) { 
        location.href = ui.item.the_link;
    };
});

HTML

<div class="ui-widget">
    <input id="searchinput">
</div>

The script work and show me results from array:

Array

[
    {
        "label": "Apple annuncia OS X El Capitan",
        "the_link": "../../../post/2"
    },
    {
        "label": "Apple l'Phone flessibile",
        "the_link": "../../../post/5325"
    },
    {
        "label": "iCloud Apple, attacco hacker in Cina",
        "the_link": "../../../post/5637"
    }
]
/* Lint by jsonlint.com */

But when i click a result the page not change.

Note: I use jQuery 1.9.1 version.

Sorry mistake, removed but still not working. ps. Alert do not shot anything. — Mirko Brombin
– Mirko Brombin, Commented Jun 27, 2015 at 14:12
Here's a working example -> jsfiddle.net/adeneo/1udLh2cs/2 — adeneo
– adeneo, Commented Jun 27, 2015 at 14:17

Community · Accepted Answer · 2017-05-23 12:16:36Z

2

It is a syntax error, when objects are assigned, they should not have semicolons:

$("#searchinput").autocomplete({
    source: "search/get_searchdata",
    select:function(e,ui) { 
        location.href = ui.item.the_link;
    }; //<-- remove ; incorrect semicolon
}); //<- correct usage

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Jun 27, 2015 at 14:16

Walter Chapilliquen - wZVanG

12.1k8 gold badges45 silver badges64 bronze badges

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

Comments

alysonsm · Accepted Answer · 2015-06-27 14:31:03Z

1

Is that what you looking for?

Code working Html <div class="ui-widget"> <input id="searchinput"/> </div>

JavaScript

var jsonData = [ {
    "label": "Apple annuncia OS X El Capitan",
    "the_link": "http://www.apple.com"
},{
    "label": "Apple l'Phone flessibile",
    "the_link": "http://www.apple.com/iphone"
},{
    "label": "iCloud Apple, attacco hacker in Cina",
    "the_link": "http://www.icloud.com"
}];

$("#searchinput").autocomplete({
source: jsonData,
select: function(event,ui) { 
    window.location.href = ui.item.the_link;
}

});

answered Jun 27, 2015 at 14:31

alysonsm

1,4631 gold badge12 silver badges16 bronze badges

1 Comment

Mirko Brombin Over a year ago

Thanks but i already solved the problem, the problem is Netbeans that not sync my copy with server .

Mirko Brombin · Accepted Answer · 2015-06-27 14:24:59Z

0

I solved the problem, Netbeans not sync version of my PC with the server.

Thanks anyway to all answers.

answered Jun 27, 2015 at 14:24

Mirko Brombin

1,0223 gold badges12 silver badges34 bronze badges

Collectives™ on Stack Overflow

jQuery UI Autocomplete with urls

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related