jQuery UI自动完成

自动填充机制在现代网站中经常使用，可在文本框中键入起始单词时向用户提供建议列表。它方便用户从列表中选择一个项目，该项目将显示在输入字段中。此功能可防止用户输入整个单词或一组单词。

jQueryUI提供了一个自动完成小部件，通过在文本框中提供一系列建议来方便用户。这个控件的行为很像下拉菜单，但过滤选择以仅显示与用户在控件中键入的内容匹配的选项。

句法：

您可以两种形式使用autocomplete()方法：

$(selector, context).autocomplete (options) Method

$(selector, context).autocomplete ("action", params) Method

第一种方法

自动完成(选项)方法指定一个HTML

元素必须作为输入字段进行管理，该字段将显示在建议列表上方。这里的options参数是一个对象，它指定当用户在输入字段中键入内容时建议列表的行为。

句法：

$(selector, context).autocomplete (options);

您可以使用JavaScript对象一次使用一个或多个选项。如果有多个选项，则必须使用逗号将它们分开，如下所示：

$(selector, context).autocomplete({option1: value1, option2: value2..... });

以下是可与该方法一起使用的不同选项的列表：

jQuery UI autocomplete()示例1

让我们以一个简单的示例来演示自动完成小部件功能，不向autocomplete()方法传递任何参数。

  
  
  
  
  
  
  



 
Available Courses:
  Tags: 
  

jQuery UI autocomplete()方法示例2

在jQueryUI中使用autoFocus autocomplete()方法：

让我们以一个示例来演示自动完成方法中选项autoFocus的用法。

  
  
  
  
  
  
  


 

  Tags: 
  

 

jQuery UI autocomplete()方法示例3

在jQueryUI中使用minLength和delay的autocomplete()方法：

让我们以一个示例来演示jQueryUI autocomplete()方法中两个选项minLength和delay的用法。

  
  
  
  
  
  
  



 
Type two letter for e.g:ja,sc etc
 
Available Courses:
  Tags: 
  

jQuery UI autocomplete()方法示例4

在jQueryUI中使用lable autocomplete()方法：

让我们以一个示例来演示jQueryUI的自动完成小部件中选项标签的用法：

   
      
      
      
      
      
      
      
   
   
       
      

         
Type I OR A