jquery+原生js模拟淘宝输入框下拉提示

时间:2024-04-02 19:58:08

1、概述:

模拟淘宝、百度的搜索框,当用户输入时,会自动下拉提示关键字,使用组件jquery.js(1.12.1),jquery-ui.js(1.12.1).jquery-ui.css(1.12.1),jquery-ui.theme.css(1.12.1)。本文使用淘宝的搜索提示服务,使用php的wamp64位环境,代码工具是vscode,实现功能预览如下。比如输入耐克,会搜索淘宝的数据下拉出相关选项。

jquery+原生js模拟淘宝输入框下拉提示

2、代码及目录结构如下

目录结构:

jquery+原生js模拟淘宝输入框下拉提示

代码:

 jquery+原生js模拟淘宝输入框下拉提示