javascript - 输入选项列表

标签 javascript html css

基本上,我想要的是:

当我开始输入一个城市的名称时,我会得到一个与我输入的字母相匹配的选项的下拉列表。我想首先使用一些我手动创建的数据(比如 10 个具有相同名称的城市name,我现在真的不关心它),但我想不出让它工作的方法 - 我应该同时使用输入和选择并以某种方式隐藏输入后面的选择,或者只使用输入标签会是足够的?

最佳答案

这称为自动完成,有许多在线教程可以引导您完成该过程。这里有一对:

https://www.tutsplanet.com/autocomplete-js-simple-pure-vanilla-javascript-autocomplete/

https://www.w3schools.com/howto/howto_js_autocomplete.asp

您可以找到许多其他网站,包括在 YouTube 上。

选择教程时的一些注意事项:您希望从后端数据库中填充搜索建议,还是仅从 javascript 中的变量中填充?如果来自数据库,你想使用什么后端语言(PHP?Node.js?)哪个数据库(MySQL?SQL?)

关于javascript - 输入选项列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59230486/

相关文章:

html - 要包装的内联图像列表

php - 更改当天 php css 的背景颜色

javascript - 如何使用 Angular JS 将透明 HTML 表单放在后台滑动图像的顶部

css - 垂直居中对齐 Bootstrap 中的列

javascript - 带有自定义搜索栏的 jQuery 数据表

jQuery slideDown/slideUp 问题

javascript - 我对javascript中多维数组的理解是否正确?

javascript - 在 electron 的 vue-component 中打印 Canvas

javascript - Facebook iFrame 应用程序 - 在接受权限之前获取当前用户 ID

JavaScript : How to get unique Id for multiple duplicate records