使用类似Chrome自动填充的jQuery UI自动填充
问题描述:
我正在使用jQuery UI自动填充功能,并且在找到实现自动填充功能的方法时,我一直在寻找Google Chrome地址栏中的功能。最佳匹配项目自动填充的位置,但不会打断您的输入。 使用类似Chrome自动填充的jQuery UI自动填充
任何帮助表示赞赏。
答
我建议你看看较老的jQuery自动完成插件,它提供了内置的这个选项。语法类似,但不是将源作为选项,而是将其初始化为第一个参数,使用以下语法:
$('input.autocomplete').autocomplete(data, {autoFill: true});
data
必须是结果数组或指向生成它的服务器端脚本的url。欲了解更多信息请参阅其文档:http://docs.jquery.com/Plugins/Autocomplete
确实注意到然而,这个插件的作者认为这是过时的,与jQuery UI的自动完成功能是它的继任者。在“如何迁移”后,他现在,将用户指向,合理的jQuery UI不具有autofill
选项解释:
自动填充:飘没有立即 更换可用,好 理由:该 通过键盘选择项目时的默认行为现在将 的焦点值放入输入, 与Firefox Awesomebar一样。 这与自动填充 选项所做的不同,但不应该有 需要重新创建该效果。
答
$('#FELD').autocomplete(
source: "ajax/manager.json.php",
minLength: 0,
change: function(event, ui) {
found = false;
$(".ui-autocomplete li").each(function(n, element){
var retval = $(element).text().toUpperCase();
var retval2 = $($(this).data()).attr('item.autocomplete');
if ((found == false) &&(retval == $("#FELD").val().toUpperCase()))
{
$("#FELD").val(retval);
$("#FELDID").val(retval2.id);
found = true;
}
});
if (found == false) { $("#FELDID").val("-1"); }
}
}); `enter code here`
+0
什么是FELDID? – 2012-05-02 06:47:01
这里是一个链接到最近更新的版本的原始,“过时”插件:https://github.com/dyve/jquery-autocomplete – nullability 2013-09-11 16:33:45