使用类似Chrome自动填充的jQuery UI自动填充

我正在使用jQuery UI自动填充功能，并且在找到实现自动填充功能的方法时，我一直在寻找Google Chrome地址栏中的功能。最佳匹配项目自动填充的位置，但不会打断您的输入。 alt text 使用类似Chrome自动填充的jQuery UI自动填充

任何帮助表示赞赏。

来源

2010-08-22 Kyle

我建议你看看较老的jQuery自动完成插件，它提供了内置的这个选项。语法类似，但不是将源作为选项，而是将其初始化为第一个参数，使用以下语法：

$('input.autocomplete').autocomplete(data, {autoFill: true});

data必须是结果数组或指向生成它的服务器端脚本的url。欲了解更多信息请参阅其文档：http://docs.jquery.com/Plugins/Autocomplete

确实注意到然而，这个插件的作者认为这是过时的，与jQuery UI的自动完成功能是它的继任者。在“如何迁移”后，他现在，将用户指向，合理的jQuery UI不具有autofill选项解释：

自动填充：飘没有立即更换可用，好理由：该通过键盘选择项目时的默认行为现在将的焦点值放入输入，与Firefox Awesomebar一样。这与自动填充选项所做的不同，但不应该有需要重新创建该效果。

来源

2010-08-22 02:12:33

这里是一个链接到最近更新的版本的原始，“过时”插件：https://github.com/dyve/jquery-autocomplete – nullability 2013-09-11 16:33:45

$('#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`

来源

2011-04-19 08:59:59 Markus

什么是FELDID？ – 2012-05-02 06:47:01

使用类似Chrome自动填充的jQuery UI自动填充

回答

相关问题