HTML:
<input type="text" id="shop-id">
JS:
$(document).ready(function(){
$( "#shop-id" ).autocomplete({
source: "/ticket/get_sids",
select: function(event, ui){
//...
}
});
});
Encountering an unusual issue with autocomplete. When setting the source using a static variable like this:
var data = ["0200","0032"];
$( "#shop-id" ).autocomplete({
source: "/ticket/get_sids"
});
everything functions as expected.
However, when utilizing a dynamic source URL, the autocomplete does not appear to filter the search results properly. Regardless of the input text, autocomplete displays the entire source without any filtering. For example, typing "g" should not display 0200 and 0032 because "g" does not match anything in the source.
The dynamic source returns pure JSON data such as: ["0200","0032"]. This is generated by a PHP page:
return new Response(json_encode($data));
which outputs
["0200","0032"]
in the browser window.
Environment: jQuery 1.7.2 jQuery-Ui 1.8.2