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-...；
原理是把框內的標籤組件與資料項綁定，可以自由【新增】、【移除】。