jqueryautocompletejquery-autocompletejquery-ui-autocomplete

Jquery autocomplete change source


I have Fiddle here

And I need availabletags1 as source if it's choice1 radio button is chosen and availabletags2 if choice2 radio button is chosen. And I need to change this dynamically by actual user choice.

CODE:

 var availableTags1 = [
"ActionScript",
"AppleScript",
"Asp"
];

var availableTags2 = [
"Python",
"Ruby",
"Scala",
"Scheme"
];

$( "#autocomplete" ).autocomplete({
source: availableTags1
});

$('input[name="choice"]').click(function(){
if(this.checked){
    if(this.value == "1"){
        $( "#autocomplete" ).autocomplete('option', 'source', availableTags1)
    } else {
        $( "#autocomplete" ).autocomplete('option', 'source', availableTags2)
    }

Solution

  • Try

    $('input[name="choice"]').click(function(){
        if(this.checked){
            if(this.value == "1"){
                $( "#autocomplete" ).autocomplete('option', 'source', availableTags1)
            } else {
                $( "#autocomplete" ).autocomplete('option', 'source', availableTags2)
            }
        }
    })
    

    Demo: Fiddle