jQuery和Grails / HTML – 像Google一样使文本字段完整

我想在我的页面中创建某些字段,向我显示像Google一样可能的完成句子列表.

我认为这是通过jQuery完成的,但我不确定.

文本域名为商品.

假设我写了General并且在列表,数组或DB中我有General Commodity我应该在textfield下向我展示General Commodity.

提前致谢！

——- ——-更新

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js">
var data = "General Commodity,General Store,General Custer,General Mills".split(",");

    $("#Ccommodity").autocomplete({
            source: data
        });
</script>

当我进入Ccommodity输入文本字段时,我写了G并且没有任何反应,也许我在那里有一些语法错误.

谢谢您的帮助

您可能想要查看 jQueryUI Autocomplete widget.它有几种方法可以提供建议列表,并且几乎肯定会有一些适合您的内容.

这是一个非常基本的演示：http://jsfiddle.net/QU9st/

这是源头：

$(function() {
    var data = "General Commodity,General Store,General Custer,General Mills".split(",");
    $("#commodity").autocomplete({
            source: data
        });
});

该演示只使用静态字符串数组作为数据源,但您也可以使用JSON或XML等格式的远程数据源.

为了得到它,只需将它放在你的< head>中.标签：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>

当然,您还需要包含jQuery：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>