script.aculo.us 自动完成标记选项

在本文中，我们将使用名为script.aculo.us的 JavaScript 库展示Autocompleter Tokens的效果，该库有助于根据给定的建议以数组的形式自动完成文本字段。我们也可以添加建议列表。

请参考script.aculo.us下载库或预编译文件以实现。此外，请注意正确的文件路径，否则代码将无法正常工作。

句法：

new Autocompleter.Local(field, container, dataSource [ , options ] );

参数：

• field：文本字段的元素名称。
• 容器：提供建议的容器元素名称。
• 数据源：数据源可以是单个文本或字符串数组。

演示：在这个例子中，我们在 HTML 代码中使用了这个函数。我们编写了一个小的 JavaScript函数，它在窗口加载时运行，并使用该库的Autocompleter Tokens方法。通过在搜索框中输入任何内容，我们可以获得建议。

要查看效果，首先安装库，然后在本地环境中打开这个程序。

HTML

  

    
    
  
    
    
  
    
        window.onload = function () {
            new Autocompleter.Local(
                'autoCompleteTextField',
                'autoCompleteList',
                ['abcxyz', 'bcdmnop', 'geeks', 
                'geeksfor', 'geeksforgeeks'],
                { ignoreCase: false }
            );
        }
    

  

    Welcome to GeeksForGeeks
  
    
        You can type anything and 
        get the suggestions
    
  
    
        Search:
        
        
    

  

输出：