具有自动完成+静态值的下拉列表

Question

我想在您点击可以搜索数据的图标时创建一个下拉列表。我将用图片澄清这一点：

您可以在....规则上输入您的测验名称。 然后在dropdwon的第二部分中，您将看到数据库中的测验，具体取决于搜索条件。

在下拉列表的第三部分中，我想展示最后5个调查（这必须是静态的，而不是在搜索字词发生变化时进行调查）。

在下拉列表的第四部分中，我还想显示静态值。

这可能与select2.js有关吗？ 或者有人可以帮助我从这开始？我真的不知道如何开始这个。我知道如何根据搜索条件显示数据。但这是下拉列表的第三和第四部分，我真的不知道如何在它下面显示......

Answer 1

你可以使用任何下拉式api但是如果你想使用静态值自动完成，你应该使用html5表单元素“<datalist >”

这是示例

<form action="demo_form.asp" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>