将代码嵌套在input元素中

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的远程文件（加载远程数据）加载选项