如何在键入时创建选项列表？

Question

这是一个非常新手和直截了当的问题：当用户输入时，如何在其下方显示可能的答案，有点像选项标签，但在输入中。不一定基于用户之前写过的东西并存储在他的浏览器上，更像是谷歌建议的东西。

Answer 1

你有没有尝试过datalist

<datalist id="cars">
<option value="volvo">
<option value="benz">  

</datalist>

Answer 2

首先创建一个样式为

的div或span

display:none;

或

visibility:hidden;

然后在用户更改文本框中的内容时使用javascript启动函数

<input type="text" onchange="myFunction()">

在javascript函数中设置div的样式

document.getElementById("myDiv").style.visibility="visible";

并且还使用您想要的任何算法向div添加数据

suggestionData = function() { super algorithm here};

document.getElementById("myDiv").innerHTML=suggestionData;