类似百度搜索下拉框的实现

最新推荐文章于 2022-12-01 20:47:05 发布

scy_fighting

最新推荐文章于 2022-12-01 20:47:05 发布

阅读量4.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/scy_fighting/article/details/80689419

版权

从百度截图如下：

要实现的功能与该图类似，只不过没有详细优化样式。哈哈，大家不要介意。（还有我的这个功能用的是百度的接口）

我用了两种方式来实现这个功能，一种是原生的js方式，一种是jQuery的方式。可以对比。

1、用原生方式实现。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        window.onload=function () {
            var oText=document.getElementById("text");
            var oList=document.getElementById("list");

            oText.oninput=function () {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

scy_fighting

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
类似百度搜索下拉框的实现

从百度截图如下：要实现的公司与该图类似，只不过没有详细优化样式。哈哈，大家不要介意。（还有我的这个功能用的是百度的接口）我用了两种方式来实现这个功能，一种是原生的js方式，一种是jQuery的方式。可以对比。1、用原生方式实现。&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"...
复制链接

扫一扫