Javascript 在选择元素中自动完成

我正在使用从sql数据库传递到客户端的模式为我生成一个小部件

小部件包含几个“选择”元素…这些选择元素中的选项可以扩展，我希望能够有一个输入文本字段，或者以某种方式转换选择元素，以便用户能够键入他们想要的内容，并对元素进行实时搜索。即：

<select>
        <option>Apple</option>
        <option>Banana</option>
        <option>Orange</option>
        ...
</select>

苹果
香蕉
橙色
...

---

我确实可以访问JSON对象来填充选择，这样我就可以在内部替换或存储它，在这里我可以创建一个html输入元素来实现“搜索”功能。从某种意义上说，这就像谷歌的搜索栏，它将主动查询存储的数组，并在您键入时显示它们

首先要在angularJS数组中呈现所获取的JSON，如下所示：

$scope.myArray = angular.json(myData);

然后，您可以从此阵列创建一个选择框：

<select>
   <option ng-repeat="element in myArray | filter:mySearchString">
      {{element}}
   </option>
</select>

<input type="text" ng-model="mySearchString">

{{element}}

最后创建一个输入来过滤此数组：

<select>
   <option ng-repeat="element in myArray | filter:mySearchString">
      {{element}}
   </option>
</select>

<input type="text" ng-model="mySearchString">

---

这应该管用！让我知道。

听起来是个好主意。到目前为止你试过什么？