Menu
I am currently trying to create an autocomplete with a source that is stored in a javascript variable but this variable can be updated by another function. So, what I would like is that at each time the user updates the autocomplete field, the source field of autocomplete is generated.
Here is the code I use:
<head>
<script>
var availableTags = ['java', 'javascript']
// can be called anytime
var addToTags = function(str){availableTags.push(str)}
$(function() {
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
</body>
Do I need to do a callback-like function?
567
In the process of searching a specific value, the jQuery UI autocomplete selection feature provides the user with some string suggestions for the input area which effectively saves time. The autocomplete select action is triggered when the user selects one of the options from the pre-populated list.
Syntax: $("TagId"). autocomplete({ source : itemList // List of Words. })
a source that is stored in a javascript variable but this variable can be updated by another function.
That should just work. If both the autocomplete and the updating function reference the same array, you can push new values at any time which will be used as soon as the array is evaluated next time (e.g. on keystroke).
I would like that at each time the user updates the autocomplete field, the source field of autocomplete is generated.
That's a different one. Yes, this needs a callback function to generate the source array dynamically, but that's simple. Have a look at the docs:
$( "#tags" ).autocomplete({
source: function(request, resolve) {
// fetch new values with request.term
resolve(availableTags);
}
});
Just add a reset call to auto-complete in you addToTags function:
var addToTags = function(str){
availableTags.push(str);
$( "#tags" ).autocomplete({
source: availableTags
});
}
this is very straight forward
$( "#tags" ).autocomplete('option', 'source', availableTags)
setting availableTags array wherever needed
24
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
