zoukankan      html  css  js  c++  java
  • 仿百度搜索提示

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>jQuery UI 自动完成示例</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
    $(function() {
    var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL高",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Per高l",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Sche高"
    ];

    $( "#tags1" ).autocomplete({
    source: availableTags
    });

    $("#tags2").autocomplete({
    source: ["a", "b", "c"]
    });

    //页面加载
    $("#tags3").autocomplete({
    source: DataSouce1()
    });

    //<a href='http://www.21edu8.com/pcnet/database/' target='_blank'><u>数据库</u></a>
    $("#tags4").autocomplete({
    source: function( request, response ) {
    var name=$.ui.autocomplete.escapeRegex( request.term );
    response( $.grep( DataSouce2(name), function( item ){
    return item;
    }) );
    }
    });

    //利用ajax页面加载就获取到数据源
    function DataSouce1()
    {
    var mycars=new Array()
    for (var i = 0; i <100; i++) {
    mycars[i]="高"+i;
    };
    return mycars;
    }

    //利用ajax根据输入的到<a href='http://www.21edu8.com/pcnet/database/' target='_blank'><u>数据库</u></a>查找 相当于
    function DataSouce2(name)
    {
    var mycars=new Array()
    for (var i = 0; i <100; i++) {
    mycars[i]=name+"_"+i;
    };
    return mycars;
    }

    });
    </script>
    </head>
    <body>
    <div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags1" />
    <input id="tags2" />
    <input id="tags3" />
    <input id="tags4" />
    </div>
    </body>
    </html>

    出处http://pc.21edu8.com/html/wangyetexiao/qitatexiao/20130610/16837.html

  • 相关阅读:
    关于数据库中浮点运算、保留小数和时间计算
    几个常用的操作
    数字转换为字符串
    Dll控件出错的处理办法
    小巧的服务程序源码(转)
    DELPHI中MDI子窗口的关闭和打开
    用Delphi创建服务程序
    Delphi如何获取QQ2010聊天窗口句柄?
    拖动Form上的图片,Form一起动
    仿药易通输入单位信息后如果没有则自动加入功能
  • 原文地址:https://www.cnblogs.com/liziqiang/p/3584710.html
Copyright © 2011-2022 走看看