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

时间:2013-12-15 22:00:43

标签: html

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

2 个答案:

答案 0 :(得分:0)

你有没有尝试过datalist

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

</datalist>

答案 1 :(得分:0)

首先创建一个样式为

的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;