script.aculo.us Autocompleter.Local partialChars 选项

script.aculo.us 库是一个跨浏览器库，旨在改善网站的用户界面。自动完成器可用于为网页中的文本字段提供自动完成支持。当自动完成选项作为数组提供给 Autocompleter 方法以显示为选项时，使用本地 Autocompleter。

Autocompleter.Local partialChars选项用于设置在触发 partialSearch 之前输入多少字符。

句法：

{ partialChars: number }

价值观：

• number：这是一个默认为 2 的数字。

注意：要查看此选项的结果，我们必须将 partialSearch 选项的值设置为 true

示例 1：在此示例中，我们将 partialChars 选项设置为 5，因此它将仅在 5 个字符后进行搜索。

HTML

 
 
  
 
  
   
   
  
   
   
 
  
 
  GeeksforGeeks 
  
   
    Input any name: 
   
    
   
   
  
   
   
  
   
  
    // Array to be used as choices 
    var names = [ 
      'Ab GeeksforGeeks', 
      'Abc GeeksforGeeks', 
      'Abcd GeeksforGeeks', 
      'Abcde GeeksforGeeks', 
      'Abcdef GeeksforGeeks', 
      'Abcdefg GeeksforGeeks',  
    ]; 
  
    // Initialize the Autocompleter 
    new Autocompleter.Local('GeeksforGeeks', 
      'names', names, { 
  
      // Specify partial search with min 5 chars
      partialChars: 5,
      partialSearch: true
    }); 
   
 
  

输出：

示例 2：在此示例中，我们将 partialChars 选项设置为 2，因此它将仅在 2 个字符后进行搜索。

HTML

 
 
  
 
  
   
   
  
   
   
 
  
 
  GeeksforGeeks 
  
   
    Input any name: 
   
    
   
   
  
   
   
  
   
  
    // Array to be used as choices 
    var names = [ 
      'Ab GeeksforGeeks', 
      'Abc GeeksforGeeks', 
      'Abcd GeeksforGeeks', 
      'Abcde GeeksforGeeks', 
      'Abcdef GeeksforGeeks', 
      'Abcdefg GeeksforGeeks',  
    ]; 
  
    // Initialize the Autocompleter 
    new Autocompleter.Local('GeeksforGeeks', 
      'names', names, { 
  
      // Specify partial search with min 2 chars
      partialChars: 2,
      partialSearch: true
    }); 
   
 
  

输出：