script.aculo.us Autocompleter.Local 选项选项

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

Autocompleter.Local选项用于定义要提供给用户的自动完成选项的数量。

句法：

{ choices: number }

价值观：

• number：此选项采用一个数字，表示要提供的多个选项。默认值为 10。

示例 1：在此示例中，我们将选项数设置为 5，因此提供了 5 个选项。

HTML

  

    
    
    
  
    
    

  

    GeeksforGeeks
  
    
        Input any name:
    
      
    
    
  
  
    
    
  
    
  
        // Array to be used as choices
        var names = [
            'Ab',
            'Abc',
            'Abcd',
            'Abcde',
            'Abcdef',
            'Abcdefg'
        ];
  
        // Initialize the Autocompleter
        new Autocompleter.Local('GeeksforGeeks',
            'names', names, {
  
            // Specify the number of choices
            // to be displayed
            choices: 5
        });
    

  

输出：

示例 2：在此示例中，我们将选项数设置为 7，因此提供了 7 个选项。

HTML

  

    
    
    
  
    
    

  

    GeeksforGeeks
  
    
        Input any name:
    
      
    
    
  
    
    
  
    
  
        // Array to be used as choices
        var names = [
            'Ab',
            'Abc',
            'Abcd',
            'Abcde',
            'Abcdef',
            'Abcdefg'
        ];
  
        // Initialize the Autocompleter
        new Autocompleter.Local('GeeksforGeeks',
            'names', names, {
  
            // Specify the number of choices
            // to be displayed
            choices: 7
        });
    

  

输出：