百度搜索下拉【二】（功能实现）

最新推荐文章于 2021-08-20 11:47:07 发布

chousou6028

最新推荐文章于 2021-08-20 11:47:07 发布

阅读量230

点赞数

文章标签： json

原文链接：https://my.oschina.net/LiBaJi/blog/774752

版权

<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>百度搜索下拉（功能实现）</title>
</head>
<body>
    <input id="search_input" type="text" value="请输入关键词">
    <ul id="search_result_list"></ul>
    <script>
        function searchResult(json){
            var oUl = document.getElementById('search_result_list');
            oUl.innerHTML = '';
            var res = json.s;len = res.length;
            for(var i=0; i<len; i++){
                var oNewLi = document.createElement('li');
                oNewLi.innerHTML = res[i];
                oUl.appendChild(oNewLi);
            }
        }
        window.onload = function(){
            var oInput = document.getElementById('search_input');
            oInput.onfocus = function(){
                this.value = '';
            };
            oInput.onkeyup = function(){
                var url = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+this.value+'&cb=searchResult';
                var oS = document.createElement('script');
                oS.src = url;
                document.head.appendChild(oS);
            };
        };
    </script>
</body>
</html>