jQuery UI自动完成刷新数据

Question

我使用jQuery ui自动完成功能.

var colors;

$(document).ready(function(){
        loadColors();
        $('#empf').autocomplete(colors);
}

function loadColors(){
 colors = new Array(getNumColor());
//in a loop save the colors to array using colors[i] = ...
}

function addColor(){
    ...
    color[n] = color;
}

当用户输入新颜色时,它将保存到颜色数组中.我切换到自动完成表单,但在刷新页面之前输入的数据不可用.

任何想法如何使自动完成的新颜色可用？

Answer 1

更新颜色时,还需要更新自动完成使用的源,如下所示:

function addColor() {
    //add colors
    $('#empf').autocomplete("option", { source: colors });
}

这是一个示例演示,添加颜色并每秒更新一次自动完成源.