jQuery自动完成插件 - 如何动态更新数据列表?

时间:2010-04-19 15:44:56

标签: javascript jquery autocomplete jquery-autocomplete

我正在使用jQuery autocomplete plugin作为智能输入框。我希望输入框中的第一个参数从一个数据集中自动完成,然后一旦选择了该参数,就会更改第二个参数的数据集。

所以,如果我有以下内容:

    var foo = ['a','b','c'];
    var bar = ['x','y','z'];

    $("#input_box").autocomplete(
        foo, { multiple: true, multipleSeparator: " "}
            );

我希望能够在第一个参数自动完成后动态地将'foo'数据集更改为'bar'。

任何想法如何做到这一点?

1 个答案:

答案 0 :(得分:0)

尝试:

var fubar = foo;
$("#input_box").autocomplete(
        fubar, { multiple: true, multipleSeparator: " "}
            ).live('keyup', function() {
               if($(this).val().length > 1)
                      fubar = bar;
               else   fubar = foo;
});

// EDITED,忘了.length这是关键:)