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, Jun 27 '15 at 14:12
Here's a working example -> **http://jsfiddle.net/adeneo/1udLh2cs/2/** — adeneo, Jun 27 '15 at 14:17
Thanks I think the problem is not in this source, thanks for answer. — Mirko Brombin, Jun 27 '15 at 14:18

score 2 · Answer 1 · edited May 23 '17 at 12:16

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 '17 at 12:16

Community

1
1

answered Jun 27 '15 at 14:16

Walter Chapilliquen - wZVanG

12,010
8
40
64

score 1 · Accepted Answer · answered Jun 27 '15 at 14:31

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;
}

});

Thanks but i already solved the problem, the problem is Netbeans that not sync my copy with server . — Mirko Brombin, Jun 27 '15 at 14:38

score 0 · Answer 3 · answered Jun 27 '15 at 14:24

0

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

Thanks anyway to all answers.

answered Jun 27 '15 at 14:24

Mirko Brombin

1,002
3
12
34

jQuery UI Autocomplete with urls

3 Answers3