javascript - 搜索中的填充小部件

Question

在 Applicationcraft 中，我有一个搜索功能。我想在搜索框中显示 6 个组名。

1. 第一组是“管理员组”。如果在搜索框中输入“A”，我想显示“ADMIN GROUP”。
2. 第二组是“检查组”。如果我在搜索框中输入“I”，我想显示“INSPECTION GROUP”。

像这样我想在搜索框中显示以下 6 个组，

1. 管理员组
2. 检查组
3. 经理组
4. 用户组
5. 第 1 组
6. 第 2 组

请帮助我如何在搜索框中显示上述组。

Answer 1

您可以使用该<datalist>元素。

<input list="group-list" type="text">

<datalist id="group-list">
    <option value="ADMIN GROUP">
    <option value="INSPECTION GROUP">
    <option value="MANAGER GROUP">
    <option value="USER GROUP">
    <option value="GROUP 1">
    <option value="GROUP 2">
</datalist>