html和javascript中的多字段类型前置搜索框

Question

我正在尝试创建一个搜索框，以搜索结构化数据，其中所有字段都是已知的。我想创建一个具有两种类型的预输入的type type提前搜索框：1.提前输入字段2.提前输入特定字段的值。下图显示了我要实现的目标。

我已经准备好后端可以进行预输入和搜索。我无法弄清楚如何创建可提交多个表单值并查询多个预输入后端的自定义文本字段

这很像gmail或kibana搜索框。将不胜感激的例子，或者如果有人可以指出我正确的方向。

PS：这里是完整的javascript新手。我只能理解纯js或jquery。

Answer 1

我建议使用jquery库对此很容易。考虑到您的问题，我认为select2或bootstrap multiselect可能会对您有所帮助。