Using a forced suggestion mechanism using JavaScript and jQuery (ASP.NET MVC project)

Question

Yesterday I discovered that jQuery is really powerful and can do amazing things with only a few (sometimes just one) line of code, amazing! I did some animating which went really well!

So I was wondering if the following is also possible/ simple to implement with jQuery (if not, please tell me what could do this):

Basically I want a suggestion mechanism for the webapplication we are creating. We are doing this using ASP.NET MVC 4. By suggestion mechanism I mean the user gets presented with a textfield, he can start typing and based on his typing topics (I have a model class Topic with a few properties) get suggested. The user can ONLY choose out of those topics, they can't define any by themself. So I would like to generate a list based on the input (with each key tap). If they click on an item, it gets added to the box and they can choose other topics if they would want to.

I do realize that this is probably rather difficult to implement, but it would be great if I could find a tutorial or example. Preferable with JavaScript or jQuery, but if that's not possible anything will do really!

If my explanation is not clear enough: I mean something similar to the StackOverflow suggestion mechanism for tags.

Answer 1

如果您想要提示性的文本字段，请搜索html5数据列表数据列表另请参阅JqueryUI自动完成。但是，如果选项不是太多，我会选择菜单而不是文本字段。