18910140161

JavaScript-HTML/JS搜索框,关键字映射到链接-堆栈溢出

顺晟科技

2022-10-19 11:58:16

129

我的网站上有这个搜索表单。我不想合并搜索引擎,但相反(因为内容不会经常改变),我只想让搜索框建议我的网站上与输入匹配的链接。

我正在考虑提供关键字及其链接

"apple" ->  http://website.com/fruits.html
"banana" ->  http://website.com/fruits.html
"strawberry" ->  http://website.com/fruits.html

有点像自动完成,但建议指向相同的链接。 所以下拉列表在这种情况下不起作用。我尝试了本文中提到的datatables和其他解决方案(https://stackoverflow.com/questions/36712967/single-dropdown-with-search-box-in-it)

"apple" ->  http://website.com/fruits.html
"banana" ->  http://website.com/fruits.html
"strawberry" ->  http://website.com/fruits.html

有人知道怎么做吗?


顺晟科技:

我将您的元素放入一个对象中,然后在输入更改时检查是否匹配

如果文件/关键字/建议数量较少,

此方法将很有帮助

使用Jquery自动完成,每次有人上传页面(例如apple.html)时,您都将其链接/名称插入数据库,对于现有页面,应将链接/名称添加到数据库中,稍后页面工作方式如下示例和

"apple" ->  http://website.com/fruits.html
"banana" ->  http://website.com/fruits.html
"strawberry" ->  http://website.com/fruits.html

似乎自动完成插件会满足您的需要。

有许多自动兼容插件。

首先,我建议使用http://easyautoComplete.com, (为您提供了有用的示例。)

此外,jquery ui自动Complet插件https://www.tutorialspoint.com/jqueryui_autoComplete.htm

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航