Javascript 如何创建一个自定义的；“自动完成”；asp.NETMVC（像谷歌）？

我只是希望了解如何在屏幕上创建以下功能。我过去一直在使用webforms，所以我觉得有必要克服它，在离开贝希德之前开始使用MVC。。因此，该项目是在Asp.NETMVC中进行的（&JQUERY，但最近对它越来越熟悉），因此我觉得在这一点上它应该是可以做到的）

我基本上想要一个自动完成。employee no文本框应作为输入，并且当用户键入时，下面的项目应呈现/可见并更新，达到这一效果。我想根据相关性/或时间对它们进行颜色编码

我想我有以下问题

1.）如果不单击按钮，我将如何提交

我的控制器将返回一个JSON结果（我假设这是最好的路由）

2.）在不重新绘制/发布页面的情况下更新/呈现我的结果

3.）应用颜色（但在本阶段为次要颜色）

我知道这要求很高。所以先谢谢你

任何图坦卡蒙的链接也将不胜感激

更新

---

我只是重新认识到谷歌的搜索是如何运作的，这将是一个完美的例子。在文本框上自动完成&结果在键入时开始显示

您考虑过使用jQuery UI自动完成吗？ 这似乎适用于你提到的所有要点

您可以在这里查看：

---

当您使用jQuery和MVC3时，默认的MVC3模板还包含jQuery UI，并带有一个自动完成小部件，可以轻松地适应您的需要

---

我以前使用过autocomplete组件（实际上对其进行了一些调整，使其像下拉菜单一样工作），但没有想法修改它以实现我在这个问题中提出的要求…@Yenros使用appendTo选项，您可以更改自动完成结果的显示位置，您可以将它们显示在div中，而不是直接显示在输出框下方，通过重写_renderItem方法，您可以根据返回的数据添加自定义类，以根据相关性添加颜色。有关重写_renderItem的示例，请参见。