Javascript jQuery文本完成符

我想在表单的字段中添加文本完成符。我真的不知道他们怎么称呼它，我只是觉得最接近的应该是“文本补全器”

---

我想要它做的很简单。假设我想写“断开的DC插孔”。我希望我的代码开始猜测我将要写什么，并在我写“断开”时给我最多3个选项。实例“坏了的CPU”、“坏了的内存”、“坏了的DC插孔”这样我就可以选择我想要的任何一个，这样我就不必继续写整个短语了，它会自动添加。

它被称为

自动完成

---

jQueryUI有这个小部件，请查看您正在寻找的小部件：

如果您不准备实现自己的小部件。jQueryUI有一个相当不错的自动完成示例

$（函数（）{
var availableTags=[
“动作脚本”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#标记”）.autocomplete({
资料来源：availableTags
});
});
标签：
“自动完成”窗口小部件在您键入字段时提供建议。这里的建议是编程语言的标签，请尝试一下“ja”（对于Java或JavaScript）

数据源是一个简单的JavaScript数组，使用source选项提供给小部件

$（ele）.autocomplete（）？真正地我刚刚花了一个小时在一个项目上重写了一个自动完成功能，以满足新的数据需求。。。让我想起了去年我在一个性感的日期选择器发布前一个月从头开始编写jQuery日期选择器的时候。这就是生活：）jqueryui使它变得非常简单，即使使用XHR请求也是如此。另一方面，编写自己的实现是一种很好的经验，通常可以产生一种更适合您的应用程序的api。谢谢您的回答，我会研究它。谢谢您的回答，我会研究它。

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
    </script>



<div class="demo">

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>

</div><!-- End demo -->



<div class="demo-description" style="display: none; ">
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
</div><!-- End demo-description -->