輸入元素內嵌套代碼

Question

我正在找人指導我在正確的方向。

我有一個輸入表單。當用戶輸入諸如「美化」之類的東西時，我想這樣做，它會檢查一個文件（json），如果找到「美化」，那麼它會在輸入表單中創建一個小框。允許用戶堆疊多個 內聯框。這將是與此類似：

當我張貼的問題，我意識到，這個網站使用我在尋找確切的功能，所以最好的例子就是我在尋找使就像帖子問題頁面底部的標籤輸入表單。

在此先感謝！

Answer 1

Select2這樣做。您可以查看它的多個選擇框示例here。

$(".js-example-basic-multiple").select2(); 

<select class="js-example-basic-multiple" multiple="multiple"> 
    <option value="landscaping">Landscaping</option> 
    ... 
    etc. all options you need 
</select> 

因此您可以將所有數據作爲選項添加到json文件中作爲選擇框。或者如果您看到更多示例，它可以從陣列（加載陣列數據）或甚至從返回JSON的遠程文件（加載遠程數據）加載選項。