javascript - 一个文本框选择多个信息填入

Question

比如要实现一个文本框里从数据库中搜索得到多个值，并且可以将多个信息选择，请问原理是什么？

Answer 1

<p>
    <span>Books<i></i></span>
    <span>camera<i></i></span>
    <input>
</p>

基本结构就是上面这个样子。span是你的标签，i可以放你的关闭。然后就是input。input 可以绑定一个事件，比如回车的时候获取input的value，然后动态创建一个span添加到前面。然后就是样式的问题了。这个不难吧，自己写或者借鉴一个都可以

Answer 2

这种组件已经不能称为文本框了，一般称为 Multi(Tag)Selector；
这里有一个具体例子： http://www.telerik.com/kendo-...；
原理是把框内的标签组件与数据项绑定，可以自由【添加】、【去除】。