Jquery UI自动完成,带有值标签对

时间:2012-12-11 23:53:11

标签: jquery-ui jquery-autocomplete

我想将自动完成源设置为可以具有值/标签对的源,如此处的文档中所述

http://api.jqueryui.com/autocomplete/

他们说

An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]
     

标签属性显示在建议菜单中。价值会   当用户选择项目时插入到input元素中。如果   只指定了一个属性,它将用于两者,例如,如果你   只提供值属性,该值也将用作   标签

在我的代码中我有

HTML

 <input type="text" id="testBox" name="testBox" maxlength="70"/>

在我的js中

var catsArr = [];
                for (var i = 0; i < 10; i++) {
                    var cat = {
                        label: "grey " + i,
                        value: i
                    };
                    catsArr.push(cat);
                }

                //tie the autocomplete to the box
                $("#testBox").autocomplete({ source: catsArr });

但不知何故,当用户开始输入单词grey时,没有任何内容显示......我缺少什么?

0 个答案:

没有答案