gpt4 book ai didi

html - 使用 html 文件中的链接创建搜索框?

转载 作者:行者123 更新时间:2023-11-28 14:28:46 25 4
gpt4 key购买 nike

我将以我对 HTML 和 CSS 非常陌生的事实作为这个问题的开头。

我公司目前有一个我继承的工程页面,其中包含大量链接。我已经组织成一些一般类别。但是,有人表示他们会喜欢搜索框来搜索链接。

由于我无法控制的情况,我无法使用 PHP。我所拥有的是我的 index.html 文件中的所有链接以及它们显示的相关文本。

我认为我可以创建识别标签的引擎,然后搜索与标签中的链接关联的“名称”。但是,就实现这样的脚本而言,我真的不知道从哪里开始。

当然,可能还有更简单的方法。我对任何新方法持开放态度。我不偏向于任何编程方法或语言。非常感谢大家的帮助,我可以提供任何其他非 NDA 信息。

最佳答案

我会看看 jQuery UI Automcomplete 库 http://jqueryui.com/demos/autocomplete/ ,特别是自定义数据演示。

我想象代码是这样的(注意这是未经测试的,绝对不符合您的目的):

<head><script type='text/javascript'>var urls = [   {      value: "url-text",      label: "URL Text",      desc: "URL"   },   {      value: "url2-text",      label: "URL2 Text",      desc: "URL2"   }];$('#search').autocomplete({   minLength: 0,   source: urls,   focus: function (event, ui) {      $('#search').val(ui.item.label);      return false;   },   select: function (event, ui) {      $('#search').val(ui.item.label);      $('#url').val(ui.item.desc);      return false;   }}).data ("autocomplete")._renderItem= function(ul,item) {   return $('<li></li>")      .data( 'item.autocomplete', item )      .append( '<a>' + item.label + '<br />' + item.desc + '</a>' )      .appendTo( ul );};</script></head><body><input id="search" /><p id='url'></p></body>

这样做意味着您必须在 javascript 变量中保留一个单独的 URL 和文本列表。

关于html - 使用 html 文件中的链接创建搜索框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7612527/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com