类似自动完成ide的Javascript库

我希望在javascript中创建一个自动完成文本框，其行为类似于开发IDE中的自动完成

我的数据是无限递归的，每个子级可以包含数千项。简单的Json如下所示：

[{
    id: 123,
    name:abc,
    children:
        [
            {
                id: 156,
                name:xyz,
                children:
                    [
                     ....
                    ]
             },....
        ]
},...]

对于每个项目，我希望能够搜索和自动完成。理想情况下，每次用户完成传递之前所选项目的id时，都会通过rest调用检索数据

e、 对于上面的json。。。当用户输入“a”时，他们将获得“abc”作为自动完成选项。当他们选择“abc”然后键入“x”时，“xyz”将是下一个自动完成选项。因此，我在文本框中以“abc.xyz”结尾。显然在现实世界中，我会强制执行超过1个字符的输入

有没有已经提供这种行为的库，这样我就不必重新发明轮子了？我找到的最接近的方法是select2（），我尝试使用jquery autocomplete（），但无法完全理解我想要的行为

非常感谢您的帮助。

我正在使用：

---

检查一下。我不确定，它可以处理嵌套元素。

select2不做什么会将其排除在选项之外？只是想得到一个完整的graspIt可能会做我想要的，但我不知道怎么做。具体来说，使用以前选择的项目继续自动完成另一个相关搜索。