在输入元素内嵌套代码

【问题标题】：Nesting code inside input element在输入元素内嵌套代码
【发布时间】：2015-10-25 13:39:46
【问题描述】：

我正在寻找能指引我正确方向的人。

我有一个输入表单。我想这样做，当用户输入诸如“景观”之类的内容时，它会检查文件（json），如果找到“景观”，则它会在输入表单内创建一个小框。允许用户堆叠多个内联框。应该是这样的：

当我发布问题时，我意识到这个网站使用了我正在寻找的确切功能，所以最好的例子是我正在寻找类似帖子问题页面底部的标签输入表单的东西.

提前致谢！

【问题讨论】：

标签： php jquery input

【解决方案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 的远程文件加载选项（加载远程数据） .

【讨论】：